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)