智睿软件_技术交流论坛综合站长Web页面设计 → 解决PNG图片在IE6下背景不透明的问题


  共有16054人关注过本帖树形打印

主题:解决PNG图片在IE6下背景不透明的问题

帅哥哟,离线,有人找我吗?
zhirui
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:管理员 帖子:520 积分:8740 威望:0 精华:5 注册:2009-07-07
解决PNG图片在IE6下背景不透明的问题  发帖心情 Post By:2012-11-01 16:35:35

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)


企业开源网站管理系统,中小型企业的成长伙伴 支持(0中立(0反对(0回到顶部