当前位置: 首页 » SEO博客 » 网页设计 » IE6下使用PNG图片背景透明的解决方法

IE6下使用PNG图片背景透明的解决方法

发表于:2010-04-03 03:19 来源:织梦SEO团队 点击:

PNG透明背景图片在网页设计中起到了画龙点睛的效果,可以该死的IE6却不支持透明背景,这让设计师们头疼不已,今天我们一起来解决这个问题。

PNG图片在FF和IE7、IE8等浏览器下是透明,但IE6下北京会变成蓝色的,以下方法可以有效解决PNG图片在IE6下背景不透明的问题,我们先来了解这个CSS滤镜:

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;}
那是因为滤镜效果遮住了层里面的文字
但还有一个问题就是,当它的父层出现相对或绝对定位时,这个问题就没法解决了!

下次,我们再来谈谈这个问题的解决办法(吊一下胃口~~^_^)