IE8中的PNG透明性问题

我在透明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。


摇曳的蔷薇
浏览 653回答 3
3回答

慕沐林林

固定!我一直在努力解决同一问题,并且取得了突破!我们已经确定,如果您为图片提供背景颜色或图片,则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的动画,或在整个屏幕上设置动画效果-一切都很好。

MM们

对于具有透明性的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;&nbsp;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;background-image: ...;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript