DIV+CSS定义img样式实现IE6浏览器PNG图片透明

给img定义样式,页面上所有透明png即自动透明了。注意,要准备一个透明的图片transparent.gif,大小不限。必须放在和html相同的目录。

建议配合使用背景图透明解决方案:《DIV+CSS解决IE6浏览器PNG背景图不透明

以下代码插入网页头部:

<style type=”text/css”>
.png img {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 = “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);
}</style>

以下是<body>中的内容:

<div class=”png”>
<img src=”07.png” width=”30″ height=”30″ />
<img src=”08.png” width=”30″ height=”30″ />
<img src=”08.png” width=”30″ height=”30″ />
</div>

PS:请勿大量使用,否则会导致页面打开很慢!!!(这方法只对直接插入的图片有效,对背景图无效