IE6下实现png图片漂亮明效果的方法

为了实现网页漂亮的效果，有不少时候会用到png格式的图片，而IE6却不支持png格式的图片，下面介绍如何实现在IE6下支持png格式的

网页设计师为IE6下不能实现png图片漂亮的明效果而哀叫声,的确是无奈呀.....不过现在幸运的是,我们能够让这一切的抱怨都停止.

网络上解决IE6下Png透明解决方案有很多,例如 IE PNG Fix from TwinHelix, Javascript IE PNG Fix, Transparent PNGs in Internet Explorer 6 from 24 ways.等等.

现在,我要和你分享的是 Unit PNG Fix和unitpngfix.zip（请到百度搜索并下载）

因为它的确是太出众了.

1.使用起来超级简单.

2.无论是img元素或background-image属性,都能有效果.

3.解决因为IE的滤镜属性所带来的影响.

4.允许自动高宽.

5.在加载页面之前就能自动运行.或者就一丁点的元素.

6.非常小的javascript文件:1kb!

一些注意事项:

Unit PNG Fix能够让 background-repeat在ie6下工作,不过这种工作方式不是像正常的repeat图片重复的效果,而是采用了拉伸的效果.但是,仍然是效果 的,所以这也是非常不错的.因为没有任何一个解决方案能够实现ie6下透明滤镜重复图片这个功能.

就这些了,现在你可以开始动手实践了.

使用步骤：

1).下载zip 然后,添加下面的代码到你页面的头部.(一定要确保路径的正确)

<!--[if IE 6]><script src="js/global.js" type="text/javascript"></script><![endif]-->

2).添加clear.gif到你的images 文件夹中.在js文件中,修改"var clear="images/clear.gif" 路径,为你存放clear.gif的文件路径.

3). 你的整个项目的png图片都实现了透明效果.的确非常简单吧?就2个步骤,就实现了整个站点所有png的透明效果.