首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-22 
ie6 png透明解决方法简单高效??????? 今天做了一个网站,由于网站页面的个性格话,使我不得不用到png格式的

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   这个方法搞得页面加载的速度很慢啊

热点排行