IE6下PNG透明全球最佳解决方案(银戒指推荐) Unit PNG Fix

作者: 专题 2012-03-10

  大家抱怨IE6下不能实现png图片漂亮的明效果的哀叫声,的确是非常无奈.....tSI红软基地

  不过现在很幸运的是,我们能够让这一切的抱怨都停止。tSI红软基地

  我要和你分享的是 Unit PNG FixtSI红软基地

  因为它的确是太出众了tSI红软基地

  1.非常小的javascript文件:1kb!tSI红软基地

  2.解决因为IE的滤镜属性所带来的影响.tSI红软基地

  3.无论是img元素或background-image属性,都能有效果.tSI红软基地

  4.在加载页面之前就能自动运行.或者就一丁点的元素.tSI红软基地

  5.允许自动高宽.tSI红软基地

  6.使用起来超级简单.tSI红软基地

  如何使用:tSI红软基地

  1).下载压缩包(http://www.rsdown.cn/soft/jpym/wydm/14020.html),然后,添加下面的代码到你页面的头部.(一定要确保路径的正确)tSI红软基地

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

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

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

  一些注意事项:tSI红软基地

  Unit PNG Fix能够让 background-repeat在ie6下工作,tSI红软基地

  不过这种工作方式不是像正常的repeat图片重复的效果,而是采用了拉伸的效果.tSI红软基地

  但是,仍然是有效果的,所以这也是非常不错的.因为没有任何一个解决方案能够实现ie6下透明滤镜重复图片这个功能.tSI红软基地

  就这些了,现在你可以开始动手实践了。tSI红软基地