IE8中的PNG透明性问题

Question

我在透明PNG图像上遇到问题，该透明PNG图像在图像的非透明部分的边缘周围显示黑色抖动的像素伪像。它仅在Internet Explorer中执行此操作，并且仅从其使用的Javascript文件执行此操作。这就是我在说的... http://70.86.157.71/test/test3.htm（现在链接已死）...注意右下角的女孩。在IE8中，她周围有一些假象（我没有在IE的早期版本中对其进行过测试，但我认为它可能也做同样的事情）。它在Firefox和Chrome中完美运行。该图像是从Javascript文件加载的，以产生鼠标悬停效果。如果您单独加载图像，则效果很好。这是图片... http://70.86.157.71/test/consultant2.png如何解决这个问题？该图像是在Photoshop CS3中生成的。我已经阅读了有关删除Gama的内容，但是显然是在早期版本的Photoshop中，当我在TweakPNG中加载它时，它没有Gama。

Answer 1

固定！

我一直在努力解决同一问题，并且取得了突破！我们已经确定，如果您为图片提供背景颜色或图片，则png会正确显示在其顶部。黑色边框消失了，但是现在您有了不透明的背景，这几乎违背了这个目的。

然后我想起了我遇到的一个rgba to即滤波器转换器。。所以我想知道如果我给我的问题png提供一个模拟rgba（255,255,255,0）的经过过滤的背景，完全希望它不起作用，但是无论如何都可以尝试...

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

    zoom: 1;

}

快点！再见黑色，并在ie7和8中打个招呼Alpha通道。淡入和淡出png的动画，或在整个屏幕上设置动画效果-一切都很好。

Answer 2

对于具有透明性的PNG，我遇到了同样的事情，该PNG被设置为应用了不透明性的<A>元素的背景图像。

解决方法是设置<A>元素的背景色。

因此，以下内容：

filter: alpha(opacity=40);

-moz-opacity: 0.4;

-khtml-opacity: 0.4;

opacity: 0.4;

background-image: ...;

变成：

/* "Overwritten" by the background-image. However this fixes the IE7 and IE8 PNG-transparency-plus-opacity bug. */

background-color: #FFFFFF; 

filter: alpha(opacity=40);

-moz-opacity: 0.4;

-khtml-opacity: 0.4;

opacity: 0.4;

background-image: ...;