当淡入时,IE在PNG周围显示黑色边框

Question

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

我有使用jQuery透明度淡化的PNG.IE8(已经与其他人一起测试过)在PNG显示时会显示黑色边框,而它们会淡入.我知道这是一个公认的问题,我尝试了一些没有运气的方法.

但是,我注意到心脏(最后一个要加载的图像)没有黑色边框.为什么这个好吗？希望如果我弄清楚为什么我可以用它来修复其他人.

谢谢

UPDATE

我玩过代码那么多,我没有意识到我无意中禁用了内心的淡入淡出,这就是为什么没有边界.

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

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

Answer 2

使用 PNG-8 对我有用。它们的图像有一个轻微的白色边框，在实际文件中不是浏览器问题，但在我的情况下，这看起来不错。