ufo34记录 » IE6 http://www.ufo34.com/blog 一切从废话开始 Sun, 06 Jun 2010 14:55:08 +0000 en hourly 1 针对IE6不支持png http://www.ufo34.com/blog/2007/11/09/%e9%92%88%e5%af%b9ie6%e4%b8%8d%e6%94%af%e6%8c%81png/ http://www.ufo34.com/blog/2007/11/09/%e9%92%88%e5%af%b9ie6%e4%b8%8d%e6%94%af%e6%8c%81png/#comments Fri, 09 Nov 2007 09:20:46 +0000 ufo http://www.ufo34.com/blog/2007/11/09/%e9%92%88%e5%af%b9ie6%e4%b8%8d%e6%94%af%e6%8c%81png/ 阅读全文——共1044字]]> 从所周知IE6是不支持png透明图，
这是我今天在komodomedia看见的一个较新的技术只用css文件就可以了,同时需要1px X 1px的透明gif.
这技术还不支持background-repeat.

/* pngfix.css */
* html img,
* html .png{
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}

在head tag之间加上

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="pngfix.css" />
<![endif]-->

早前用javascript来修复的脚本, 这是其中一个script pngfix.js

我现在还用着比较传统的方法因为不想载入更多javascript(其实已载入很多了=.=) 所以我是单一的在css属性加上以下这行

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='transparent.png', sizingMethod='crop');

相关日志

]]> http://www.ufo34.com/blog/2007/11/09/%e9%92%88%e5%af%b9ie6%e4%b8%8d%e6%94%af%e6%8c%81png/feed/ 0