如何让PNG透明度在本机不支持它的浏览器中工作？

Question

我们(心爱的)设计师不断创建具有透明背景的PNG文件,以便在我们的应用程序中使用.我想确保PNG的这个功能也适用于"旧版"浏览器.什么是最好的解决方案？

编辑如下

@mabwi和@syd - 我是否同意使用PNG并不是重点.这是我需要解决的问题!

@Tim Sullivan - IE7.js看起来很酷,但我认为我不想在应用程序中引入所有其他更改.我想要一个解决PNG问题的解决方案.谢谢你的链接.

Answer 1

这篇文章解释并展示了如何在旧版浏览器中处理PNG透明度:http : //www.alistapart.com/stories/pngopacity/

Answer 2

我在这里找到了一个非常好的解决方案:Unit Interactive - > Labs - > Unit PNG Fix

更新单元PNG也在NETTUTS上的PNG修复选项列表中

以下是他们网站的亮点:

• 非常紧凑的javascript:1kb以下!
• 修复了IE的filter属性引起的一些交互问题.
• 适用于img对象和背景图像属性.
• 自动运行.您不必定义类或调用函数.
• 允许自动宽度和自动高度元素.
• 超级简单的部署.

Answer 3

• IE PNG Fix 2.0支持background-position和-repeat!

还存在具有完全alpha透明度的调色板8位PNG ,与Photoshop和GIMP可能让您相信的相反,并且它们在IE6中降级更好 - 它只是将透明度降低到1位.使用pngquant从24位PNG生成此类文件.

Answer 4

我可能是错的，但我很确定 IE6 和 less 只是不会对 PNG 文件进行透明度处理。

我有两个使用的“解决方案”。创建具有透明度的 GIF 文件并在任何地方使用它们，或者仅将它们用于带有条件样式表的 IE 6 及更早版本。第二个实际上仅在您将它们用作背景等时才有效。