jquery - 淡入时 IE 在 PNG 周围显示黑色边框

Question

这是我的网站: http://smartpeopletalkfast.co.uk/ppr6/

我有带有 jQ​​uery 透明度淡入的 PNG。 IE8(尚未与其他人进行测试)在 PNG 淡入时显示周围有黑色边框。我知道这是一个公认的问题，我尝试了一些方法但没有运气。

但是，我注意到心形(最后加载的图像)没有黑色边框。为什么这个可以呢？希望我能弄清楚为什么我可以用它来修复其他问题。

谢谢

更新

我已经玩了很多代码了，我没有意识到我无意中禁用了心脏的淡入，所以这就是为什么没有边框。

这是一个奇怪的问题。在我看过的所有论坛中，他们的解决方案似乎对某些人有效，但对其他人无效。

Answer 1

我知道这个帖子已经很老了，无论如何，我发现这篇文章对我来说非常有用，它完全消除了 IE7、IE8 中 PNG 的黑色边框。

.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 */ 
}

你可以在这个帖子中找到它 http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome