上一篇
下一篇
解决PNG图片在IE6下背景不透明的问题
日期:2009-05-17作者:admin
方法一：
PNG图片在FF下是透明，但IE6下背景会变成蓝色的，这种方法可以有效解决PNG图片在IE6下背景不透明的问题:
Example Source Code
<div class="adforsearch" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploadfile/200806/18/3994749948.png);width:134px;height:134px"></div>
这种方法在IE6 IE7 下正常显示，但是在FF下图片不显示。
所以要用到针对IE6的hack技术
代码如下：
Example Source Code
.adforsearch{background-repeat:repeat-x;background-image: url(/style/0902/kejian_banner.png);*background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='/style/0902/kejian_banner.png');}
*后面的内容只在IE6下执行，通过IE6 IE7及FF测试。
方法二：
调用JS，代码网上很多，原理一样，好处是如果有多处PNG图片不用写重复代码。不推荐.
PNG图片在FF下是透明，但IE6下背景会变成蓝色的，这种方法可以有效解决PNG图片在IE6下背景不透明的问题:
Example Source Code <div class="adforsearch" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploadfile/200806/18/3994749948.png);width:134px;height:134px"></div>
这种方法在IE6 IE7 下正常显示，但是在FF下图片不显示。
所以要用到针对IE6的hack技术
代码如下：
Example Source Code .adforsearch{background-repeat:repeat-x;background-image: url(/style/0902/kejian_banner.png);*background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=corp, src='/style/0902/kejian_banner.png');}
*后面的内容只在IE6下执行，通过IE6 IE7及FF测试。
方法二：
调用JS，代码网上很多，原理一样，好处是如果有多处PNG图片不用写重复代码。不推荐.
[本日志由 admin 于 2009-05-20 10:51 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: IE6ie7fffilterstyle
相关日志:
文章来自: 本站原创引用通告: 查看所有引用 | 我要引用此文章Tags: IE6ie7fffilterstyle相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论