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

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

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

在IE 8中，当你运行fadeIn（）和fadeOut（）时它会出现硬边，但很快就会消失。 在Firefox中，没关系。

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

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

看看论坛中的回复，试过：

-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和Fadeout Opacity中查看

$（’＃bloc’）。css（’filter’，’alpha（opacity = 40）’）;

并在IE7 / 8＆png中查看fadeIn / fadeOut jquery问题

$（“＃bloc”）。css（’filter’，’none’）;

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

谢谢，Vinicius。

Answer 1

为图像定义纯色背景：

     .container img {
         背景颜色：白色;
     }

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

     $（'。holder-thumbs li a img'）。each（function（）{
          $（this）.css（'background-image'，$（this）.attr（'src'））;
     }）;

优点：您无需更改标记

缺点：有时应用坚实的背景颜色是不可接受的解决方案。 它通常适合我。