我们（心爱的）设计师不断创建具有透明背景的 PNG 文件，以便在我们的应用程序中使用。我想确保 PNG 的此功能也适用于“旧”浏览器。最好的解决方案是什么？
下面的编辑
@mabwi & @syd - 我是否同意使用 PNG 不是重点。这是我需要解决的问题！
@Tim Sullivan - IE7.js 看起来很酷，但我不认为我想介绍应用程序的所有其他更改。我想要一个专门解决 PNG 问题的解决方案。感谢您的链接。
【问题讨论】：
标签： browser png transparency
background-position 和-repeat！还存在具有全 alpha 透明度的调色板 8 位 PNG，这与 Photoshop 和 GIMP 可能让您相信的相反，它们在 IE6 中的降级更好——它只是将透明度降低到 1 位。使用pngquant 从 24 位 PNG 生成此类文件。
【讨论】：
我在这里找到了一个非常好的解决方案：Unit Interactive -> Labs -> Unit PNG Fix
更新单位 PNG 也出现在 list of PNG fix options on NETTUTS
以下是他们网站的亮点：
【讨论】：
IE7.js 将在 IE6 中提供对 PNG（包括透明度）的支持。
【讨论】：
我在尝试使用 .pngs 制作网站时遇到了麻烦，但这不值得。网站变慢了，而且你使用了不能 100% 工作的黑客。这是good article on some options，但我的建议是找到一种方法使 gif 可以工作，直到您不必支持 IE6。或者只是给 IE6 一个降级的体验。
【讨论】：
在 IE6 中使用 PNG 几乎不会比任何其他浏览器更难。您可以在没有 Javascript 的情况下在您的 CSS 中支持所有这些。我以前看过这个 hack...
div.theImage {
background : url(smile.png) top left no-repeat;
height : 100px;
width : 100px;
}
* html div.theImage {
background : none;
progid:DXImageTransform.Microsoft.AlphaImageLoader(src="layout/smile.png", sizingMethod="scale");
}
我不太确定这是不是有效的 CSS，但根据网站的不同，这可能并不重要。
（值得注意的是，第一张图片的 URL 是基于样式表的目录，而第二张图片的 URL 是基于正在查看的页面的目录 - 因此它们不匹配）
【讨论】：
@Hboss
如果您确切知道要显示的所有文件（以及每个文件的尺寸），那就太好了 - 维护那个 CSS 文件会很痛苦，但我想它会成为可能。当您想出于一些非常常见的目的开始使用透明 PNG 时：a) 附带的图形，例如适用于任何背景的图标（可能大小不同），以及 b) 重复背景；那你就完蛋了。我尝试过的每个解决方法都在某个时候遇到了障碍（当背景透明时无法选择文本，有时图像以古怪的尺寸显示，等等），我已经发现为了获得最大的可靠性，我将不得不恢复为 gif。
我的建议是尝试一下 PNG 透明度，但同时要意识到它绝对不是完美的 - 请记住，对于使用 7 年以上的浏览器的用户来说，你正在向后弯腰老。这些天我所做的是在 IE6 用户第一次访问该网站时弹出一个窗口，并友好地提醒他们的浏览器已经过时并且不提供现代网站所需的功能，尽管我们会尽力给您最好的，如果您升级得很好，您将从我们的网站和整个互联网获得更好的体验。
【讨论】：
我相信所有浏览器都支持 PNG-8。它不是 alpha 混合的，但它确实具有透明背景。
【讨论】：
我可能弄错了，但我很确定 IE6 和更少的版本不会对 PNG 文件进行透明处理。
你有点是，你有点不是。
IE6 本身不支持它们。
然而，IE 支持疯狂的自定义 javascript/css 和 COM 对象（这是他们最初实现 XmlHttpRequest 的方式）
所有这些 hack 基本上都是这样做的：
【讨论】：
要考虑的一件事是电子邮件客户端。您经常需要 PNG-24 透明度，但在 Outlook 2003 中使用的是使用 IE6 的机器。电子邮件客户端不允许使用 CSS 或 JS 技巧。
这是处理该问题的好方法。 http://commadot.com/png-8-that-acts-like-png-24-without-fireworks/
【讨论】：
如果您将图像从 Fireworks 导出为 PNG-8，那么它们的作用与 gif 图像相同。所以它们不会看起来很糟糕和灰色，透明度将是透明的，但它们不会像其他浏览器那样具有完整的 24 位可爱。
可能无法完全解决您的问题，但至少您可以部分解决问题，只需将它们重新导出即可。
【讨论】：
我可能弄错了，但我很确定 IE6 和更少的版本不会对 PNG 文件进行透明处理。
我有两个我使用的“解决方案”。要么创建具有透明度的 GIF 文件并在任何地方使用它们，要么仅将它们用于 IE 6 和更早版本的条件样式表。第二个真的只有当你将它们用作背景等时才有效。
【讨论】：