Jquery - PNG图像中的fadeIn（）和fadeOut（）。 IE8中的边框固体（黑色）......？

Question

我在div的块中运行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＆amp; 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'）;

但是，不起作用。任何新的想法，而不在图像背景中应用任何颜色透明？

谢谢，Vinicius。

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'));
    });

优点：您无需更改标记

缺点：有时使用纯色背景并不是一种可接受的解决方案。它通常适合我。