以文本方式查看主题

-  智睿软件_技术交流论坛  (http://zhirui.net/bbs/index.asp)
--  Web页面设计  (http://zhirui.net/bbs/list.asp?boardid=33)
----  解决PNG图片在IE6下背景不透明的问题  (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=3176)
--  作者：zhirui
--  发布时间：2012-11-01 16:35:35
--  解决PNG图片在IE6下背景不透明的问题

PNG图片在FF下是透明，但IE6下北京会变成蓝色的，这种方法可以有效解决PNG图片在IE6下背景不透明的问题

 

<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploadfile/200806/18/3994749948.png);width:134px;height:134px"></div>这是解决后的效果
<div style="background:url(/uploadfile/200806/18/3994749948.png) no-repeat;width:134px;height:134px"></div>这是解决前的效果

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

属性：
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
true : 默认值。滤镜激活。
false : 滤镜被禁止。

sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop : 剪切图片以适应对象尺寸。
image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale : 缩放图片以适应对象的尺寸边界。

src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

在IE6中，当链接文字或者按钮处于图片包围时链接会失效。
解决方法：a{position:relative或者position:absolute;}
那是因为滤镜效果遮住了层里面的文字
但还有一个问题就是，当它的父层出现相对或绝对定位时，这个问题就没法解决了！


文章出处：标准之路(http://www.aa25.cn/div_css/328.shtml)