您的位置:首页 > 其它

让IE6支持png半透明图片(支持背景平铺、定位)

2009-01-09 16:55 369 查看
以前发过一篇文章是说PNG透明问题修正,是使用一段JS来实现各个浏览器对png透明和半透明的支持(主要是ie6),但那种方法不支持背景平铺,挺不方便的,那么,这次就介绍一个完美支持png透明和半透明的方法----IE PNG Fix。这个方法不是每个版本都支持背景平铺和定位的,得是v2.0 Alpha 3版本才行,请自行点击前面的链接进行下载试用。

下面看一下演示:http://www.zeroz.cn/blog/wp-content/uploads/2008/12/iepngfix/
这是专门针对ie6做的演示,所有使用了if条件注释的方法。

这里简单说一下使用方法和注意事项:

iepngfix.htcblank.gif 复制到网站相应的目录下(目录由自己决定)
然后要在页面的头部信息中调用 iepngfix.htc 文件,像这样:

<style type="text/css">
img, div{behavior:url(iepngfix.htc);}
</style>

这里的 img 和 div 是你想要应用透明效果的元素,同样,你可以这样写:

<style type="text/css">
img, div, a, input{behavior:url(iepngfix.htc);}
</style>

到这里要注意两个文件的路径,一个是我们引用的 iepngfix.htc 文件,另一个是 iepngfix.htc 文件中 blank.gif 的路径,要根据你自己网站的目录结构来调整。
如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样:

<script type="text/javascript" src="iepngfix_tilebg.js"></script>

Done

注:可以使用if条件注释语句,使这些文件只在ie6激活,以便在其他浏览器下加快加载速度。关于if条件注释语句的使用方法,可以看这里
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: