png在ie下的透明问题一直比较头疼,其实ie支持png的完全透明,只是不支持png的alpha透明属性~ie6,还不知道啥时候才能永远消失……
大家可能用过各种png修复的js,但是大家可能从来没有遇到过这个1kb的png修复js!
特性如下:
1.体积小,1kb左右
2.解决ie6的png不透明问题
3.png图片和png背景图片都能起到作用
4.允许自动高宽
5.使用起来简单
使用方法:
1、下载zip ,解压后出现三个文件,将clear.gif上传到你的服务器,打开unitpngfix.js修改
var clear="images/clear.gif"; //path to clear.gif
中的clear地址为你的clear.gif的网络地址。
2、添加下面的代码到你页面的头部。
<!--[if lt IE 6]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]--> 3、所有png图片即可透明
注意事项:
Unit PNG Fix能够让 background-repeat在ie6下工作,不过这种工作方式不是像正常的repeat图片重复的效果,而是采用了拉伸的效果.但是,仍然是效果 的,所以png背景就不能用css sprite技巧了。
其他修复ie6png不透明bug的js包:DD_belatedPNG
评论