IE8 中透明 PNG 周围的黑色边框

Question

我在 IE8 中的 jquery 滑块中遇到透明 PNG 文件周围黑色小边框的一些问题。它在所有浏览器（包括 IE6 和 7）中工作正常，但在 IE8 中不行。

你可以在这里看到它： http://www.socialogika.com/tabs/goliath/collection/

我已经尝试了在 stackoveflow 上找到的几个修复程序，但它们似乎都不是解决方案（还）...从 24 转向 PNG-8 解决了 Ie6 和 IE6 的问题。 7，但在 8 中仍然存在问题

有人能指出我一个可行的解决方案吗？

Answer 1

让我知道这是否有帮助：http:// /channel9.msdn.com/forums/TechOff/257324-IE7-alpha-transparent-PNG--opacity/

我对 IE7 png 的不透明度问题进行了大量研究，并使用了两种解决方法，涵盖了大多数情况，但遗憾的是并非所有情况。

第一个已经在此线程中提到，即针对所需的不同不透明度使用不同的图像文件。当您只想显示状态时，此方法非常适合鼠标悬停和鼠标移出效果，但遗憾的是，当您想要设置不透明度动画时，此方法毫无用处。

第二种方法在大多数情况下都有效，但这取决于您的页面布局和设计。要伪造 div 的不透明度动画，您可以将虚拟的第二个 div 放置在要显示不透明度变化的真实 div 上。第二个 div 应该绝对定位并采用背景 div 的宽度和高度。然后根据您的页面设计为其指定背景颜色（最适合真实背景图像 png 的颜色），并根据您想要的效果设置该 div 上的不透明度动画以淡入或淡出。

因为无论如何您都会使用 javascript 来实现不透明动画，所以在需要效果时创建和插入新的 div 并在完成后将其删除是很简单的。这允许网站访问者仍然可以复制和粘贴或右键单击实际的 div 内容。

另外，也许尝试确认我的预感，即不透明度导致黑色边框显示：禁用所有淡入淡出效果，并让我知道图像是否正确渲染。

Answer 2

好吧...尝试使用

.fadeTo()

DEMO

在任何情况下你都可以使用这个小修复：

$('#mages img').css({background: '#EDE7DE'});

或者为 IE 创建一个 if 语句，只需将 .fix 添加到所需的图像即可。 .fix 位于您的 CSS 文件中，为图像添加所需颜色的背景。

if ($.browser.msie && $.browser.version <= 8 )
{
$('#gallery img').addClass('fix');
}