针对img标签 ie6下 png图片透明CSS代码

IE下PNG透明解决方案

weixin_30919235

于 2010-12-23 16:57:00 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/skyblue/archive/2010/12/23/1915085.html

本文提供了一种在Internet Explorer浏览器中使PNG图片实现透明效果的CSS解决方案，通过使用行为表达式和Microsoft的AlphaImageLoader滤镜，确保了图片在IE中的正确显示。

代码

* html img,
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(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)

    );
}

transparent.gif 自己做一个背景透明图片即可。

转载于:https://www.cnblogs.com/skyblue/archive/2010/12/23/1915085.html