Internet Explorer 无法正确执行图像不透明动画答案

【问题标题】：Internet Explorer cannot perform image opacity animation correctlyInternet Explorer 无法正确执行图像不透明动画
【发布时间】：2012-01-08 20:44:40
【问题描述】：

我已经在所有浏览器上测试了我的网站，它运行良好： http://bgsorken.com/sandbox/index.php 除了 Internet Explorer 8（可能还有更早的版本）。它在 IE9 上运行良好。在主页上，如果您查看“观看预告片”播放器图像，它在鼠标悬停时具有不透明动画。不知何故，在 IE8 上看起来像这样：

http://i.stack.imgur.com/47R3k.png

然后动画变成黑色。

因为这个原因，我今天确实长出了几根白发，现在依靠这里的社区来指导我找到解决方案。

【问题讨论】：

标签： jquery internet-explorer animation internet-explorer-8 opacity

【解决方案1】：

我在 Google 上找到了这个帖子。 http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

这是那里讨论的解决方案之一：

.item 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;

}

有些人还报告说 Unit 的 PNG 修复解决了这个问题。 http://labs.unitinteractive.com/unitpngfix.php

【讨论】：

感谢您的回复，但是您能否详细说明如何添加此修复程序？更多细节将不胜感激。
我会尝试将此 css 添加到 img.bigFrameplaybutton。
我刚试了一下，好像没用。您能否在 bigframeplaybutton 下查看我的样式表，看看我是否添加正确？
确实看起来您将其添加到了正确的位置。目前我没有更多的想法，抱歉！
没关系，谢谢。希望其他人会帮助我。