IE 8 中的 jQuery png 问题答案

【问题标题】：jQuery png issues in IE 8IE 8 中的 jQuery png 问题
【发布时间】：2011-08-03 04:59:48
【问题描述】：

我真的很喜欢 jQuery 循环插件，但是很难让它在 IE8 中正常运行。在我的所有周期中，我都使用带有透明胶片的 png 文件（与网络上的任何其他现代网站没有什么不同）。它们在每个浏览器中看起来都非常好，但在 IE 中，我在渐变边缘周围出现难看的黑色阴影，其中一个幻灯片后面的所有黑色背景。我在所有幻灯片中都使用了“cleartype: true, cleartypeNoBg: true”修复以及以下 CSS 修复：

img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;

}

在主幻灯片中，我有两个重叠的 - http://microstrain.com

在底部的三列部分，我在“新闻更新”部分运行了一个循环。

任何帮助将不胜感激！！！ - 斯科特

【问题讨论】：

我不确定您看到了什么错误，但 PNG 的各种 IE 存在各种问题。尝试将您的 png 转换为 gif 并查看错误是否仍然存在。
根据我的经验，试图让 IE（可能是 9 除外，尽管我有疑问）进行任何类型的涉及 alpha 通道的图像合成是没有希望的。事实上，在这样的基本操作中，它是多么可怕，真是令人惊讶。
@Khaz 将带有 Alpha 通道的 PNG“转换”为 .gif 文件不太可能使 Alpha 通道渲染看起来更好:-)
@Pointy，这取决于。动画不透明度（淡入）然后移除 alpha 过滤器对于带有 alpha 通道的 PNG 看起来比使用 GIF 更糟糕。至少 GIF 在动画中的每一点看起来都是一样的。 ;)
@eyelidlessness 好吧，是的，我确信这是真的，但它仍然代表着对最初设计目标的放弃（我同意，这可能无论如何都是不可避免的）。

标签： jquery png cycle

【解决方案1】：

我知道您设置了缩放和透明度，但请尝试将它们设置在包含图像标签的 a 的 div 上。

我最近在我的另一个网站上遇到了这个问题，发现“img”标签不起作用，但将其设置在“[container] img”上就可以了。

【讨论】：