IE8 PNG渐变透明度问题答案

【问题标题】：IE8 PNG Gradient Transparency ProblemIE8 PNG渐变透明度问题
【发布时间】：2011-05-25 11:13:30
【问题描述】：

下图说明了 Internet Explorer 中 png 透明度的问题，我无法解决。

透明图形如下图。

我意识到它可能在白色背景上不可见，所以这里是同一图像的反面以帮助理解。

这个想法是提供一个软导出，它可以很好地在 Chrome/FF/Safari/Whathaveyou 上运行，但显然不能有好的东西，而 IE 想要脱颖而出。非常感谢您在此问题上的任何帮助。

编辑：我在某个地方读到过，Internet Explorer 不支持将不透明效果和透明 png 组合在一起。通过移除不透明效果并对我的 png 图形进行适当的更改，我能够在所有主要浏览器中重现相同的动画。

【问题讨论】：

您可能想发布标记，以便我们可以原位查看
你用什么来制作图片的？
png8 还是 24？如果 24，您将需要使用 Javascript png 修复。如果为 8，您应该导入 Fireworks 并导出为 alpha 透明度 png8 文件。

【解决方案1】：

您不能安全地混合使用旧版 DirectX 不透明度滤镜和透明 PNG。在 IE9 中，您可以安全地将原生 CSS3 Opacity 与 PNG 一起使用，而不会遇到您遇到的问题。

【讨论】：