IE6 图片背景透明 修复

Unix PNG Fix

下载zip.

英文原文地址： http://labs.unitinteractive.com/unitpngfix.php

Unit interactive 发布了一个简单的解决ie6下提供PNG格式的方法，具有以下优点：

• 非常精简的Javascript,刚刚1Kb！
• 修复了大多数IE的filter属性的问题
• 作用于img对象和background-image属性
• 在pageload之前自动运行，或者仅作用于特定元素
• 允许 auto width 和 auto height 元素
• 部署简单

部署方法：

下载zip文件，添加下列code在你页面文件的header中

[code]

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

[/code]

接下来把"clear.gif"放到你的images目录，并且打开unixpngfix.js,在第一行，确认它的路径指向正确的clear.gif位置[相对于root，不是script目录]

Unit PNG Fix 默认将对页面上所有PNG文件生效。如果你希望，也可以通过对特定元素赋予"unitPng"class强制script仅对其起作用。这样做可以帮你解决script默认设置情况下可能产生的一些排版错误。

 

有两点需要注意：

Unit PNG Fix 作用于 CSS background-repeat 属性，有点儿不像background-repeat应有的效果[ie6 filter 不支持],但是Unix PNG Fix会读取使用background-repeat的元素的CSS，image会被强制充满元素背景，不太理想，不过这是filter属性所能做的极限了。。。

 

另一点，这个filter属性无法使用background-position,除了会使DIV结构重写[我们认为这样不明智]，如果在使用了Unix PNG Fix的情况下使用这种CSS sprite 技巧将会让PNG在ie6中失效。

 

结束。