解决ie6不支持png透明问题

主要介绍两个js插件:

Unit PNG Fix

原理

Unit PNG Fix工作原理是利用一个透明的gif图片来解决。

 

使用方法
首先加入js文件

 

Html代码

1. <!--[if lt IE 7] >   
2. < script   type = "text/javascript"   src = "unitpngfix.js" > </ script >   
3. <  ![endif]-- >   

<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
< ![endif]-->

 

把clear.gif文件拷贝到你的目录中，并在unitpngfix.js指定clear.gif的地址。

 

缺点

对于背景图片支持的不是很好，而且要添加另外的gif图片。

下载

 

 

 

 

DD_belatedPNG

原理
DD_belatedPNG 工作原理是利用VML技术来实现透明色。

 

使用方法
首先加入js文件

Html代码

1. <!--[if lt IE 7] >   
2. < script   type = "text/javascript"   src = "DD_belatedPNG.js" > </ script >   
3. < script   type = "text/javascript" >   
4. DD_belatedPNG.fix('#id, .classname');   
5. </ script >   
6. <  ![endif]-- >     

<!--[if lt IE 7]>
<script type="text/javascript" src="DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#id, .classname');
</script>
< ![endif]-->  

引入DD_belatedPNG.js，然后给输入的css class 应用解决方案。

 

缺点

需要一个一个的添加css类，比较麻烦，当然你可以输入DD_belatedPNG.fix('img,a,div,span, li') 这种大的css标签。

下载

 

 

 

总结
以上两个js插件，我更喜欢后者，它的稳定性更好，功能更强大，我一直用项目开发中使用后者。