ie6 png透明解决方法简单高效

        今天做了一个网站，由于网站页面的个性格话，使我不得不用到png格式的图片，做到一半开始测试浏览器兼容的时候，发现png在IE6下无效，郁闷！在网上搜索了一长篇，有用CSS的filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 个方法，也有用js方法但效果都不是很理想，最终发现了一个htc的方法很好，贴出来与大家分享！

 

第一步：

 

下载文件：http://www.twinhelix.com/css/iepngfix/

 

第二步：

 

将压缩文件解压，然后把iepngfix.htc和iepngfix_tilebg.js文件放在网站根目录下

 

第三步：

 

在你的Html页面加入如下代码：<script type="text/javascript" src="iepngfix_tilebg.js"></script>

 

第四步：

 

在你的Css页面加入如下代码：img, div, input { behavior: url("iepngfix.htc") }

 

 

这时候再看你的png在IE6下就是透明的了！

评论

1 楼 JetMah 2010-07-08  

这个方法搞得页面加载的速度很慢啊