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

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

See in http://jsfiddle.net/k3KUj/8/embedded/ http://jsfiddle.net/k3KUj/8/embedded/

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

在 PNG 中应用背景颜色是合乎逻辑的（例如，使用上面的链接，背景颜色应该是浅灰色），它可以工作。

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

查看中的回复forum http://www.sitepoint.com/forums/showthread.php?t=590295, tried:

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" ; /* IE8/
过滤器： progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /IE6 & 7 */
缩放：1；

并看到jquery IE 淡入和淡出不透明度 https://stackoverflow.com/questions/1284163/jquery-ie-fadein-and-fadeout-opacity

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

并看到

$("#bloc").css('过滤器', '无');

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

谢谢，维尼修斯。

为图像定义纯色背景色：

    .container img {
         background-color: white;
    }
  

定义背景图你的图像的 css 属性到它的src属性：

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

优点：您不需要更改标记

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