当淡入时，IE在PNG周围显示黑色边框
这是我的网站： http ： //smartpeopletalkfast.co.uk/ppr6/
我有使用jQuery透明度淡化的PNG。 IE8（已经与其他人一起测试过）在PNGs周围显示黑色边框时它们会消失。我知道这是一个公认的问题，我尝试了一些没有运气的方法。
但是，我注意到心脏（要加载的最后一个图像）没有黑色边框。 为什么这个好吗？ 希望如果我弄清楚为什么我可以用它来修复其他人。
谢谢
UPDATE
我玩代码那么多我没有意识到我无意中禁用了内心的淡入淡出，这就是为什么没有边界。
这是一个奇怪的问题。 在我所看过的所有论坛中，他们的解决方案似乎对某些人有用，但对其他人则无用。
我知道这个post很老了，无论如何我发现这个post对我很有用，它完全删除了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 */ } 你可以在这个post中找到它http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome
像这样将此属性添加到您的代码中
使用PNG-8为我工作。 它们是图像的一个轻微的白色边框，在实际文件中不是浏览器问题，但在我的情况下这看起来很好。
把背景颜色
background: #E1AE07; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; opacity: 0.50;
我有同样的问题使用jquery设置元素的不透明度，如$('div').css('opactiy',0.5); 我能够通过为关注的’div’设置一个坚实的背景颜色来解决它。
简单演示： http ： //jsfiddle.net/mwXs3/3/ （在firefox和ie8中比较这个）…