Jquery - PNG 图像中的 fadeIn() 和 fadeOut()。 IE8 中的边框为实心(黑色)...？

Question

我正在 div block 中运行 fadeIn() 和 fadeOut()，其中有一个 PNG 图像，带有半透明资金(带阴影)。

参见http://jsfiddle.net/k3KUj/8/embedded/

在 IE 8 中，当您运行 fadeIn() 和 fadeOut() 时，会出现硬边缘，但很快就会消失。在 Firefox 中，没问题。

逻辑上应用 PNG 背景颜色(例如，使用上面的链接，背景颜色应该是浅灰色)，它可以工作。

但不想在 PNG 中添加背景颜色。我试图让黑色边框不会出现在 IE 8 中，即使您有 PNG 图像透明度。

查看 forum 中的响应，尝试过:

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

参见 jquery IE Fadein and Fadeout Opacity

$('#bloc').css('filter', 'alpha(opacity=40)');

参见 fadeIn / fadeOut jquery problem with IE7/8 & png

$("#bloc").css('filter', 'none');

但是，不起作用。有什么新想法，无需在图像背景中应用任何颜色透明吗？

谢谢，维尼修斯。

Answer 1

为图像定义纯色背景色:

    .container img {         background-color: white;    }

将图像的 background-image css 属性定义为其 src 属性:

    $('.holder-thumbs li a img').each(function() {         $(this).css('background-image', $(this).attr('src'));    });

优点:您无需更改标记

缺点:有时应用纯色背景不是可接受的解决方案。通常这适合我。