使用javascript幻灯片时,Internet Explorer上的图像不需要的工件

时间:2010-09-21 14:57:57

标签: javascript internet-explorer photos artifacts

使用javascript幻灯片时,我们在所有版本的Internet Explorer浏览器中都有以下奇怪的(好...)行为。

你可以在这里看到我的意思http://www.tospirto.net/index.php?ID=photo_gallery&Rec_ID=481

在最后3张图片中,浏览器会创建白线和工件 正如我对所有版本的Internet Explorer所说的那样。

你之前见过这个吗? 你知道是什么导致了这个吗?

谢谢

3 个答案:

答案 0 :(得分:1)

我可以看到文物 - 奇怪!这是IE的JPEG渲染算法中的一个已知问题。如果在Photoshop中放大图片,您将看到工件在编码块中受到限制。 (对不起,我猜你大致知道JPEG的编码方式。)

尝试使用不同的质量编码图像,或者甚至以不同的格式编码(如PNG,即使这会为您提供更大的文件)。你可以在这里找到关于如何解决这个问题的其他方法: http://forum.jquery.com/topic/ie-dead-pixels-when-fading-images

答案 1 :(得分:0)

这是alpha过滤器中的一个错误,它是在IE中实现透明淡化的方式(版本9之前,最终支持正确的CSS opacity)。直接在图像上使用时,任何RGB值为2,5,10(aka #02050A)的像素都被视为透明。

这是如何从例如1位透明度。 GIF在alpha过滤器中实施。显然,微软认为这种特殊的颜色很少用,没有人会注意到。糟糕。

通过将alpha过滤器(或使用它的淡入淡出脚本)放在容器<div>而不是图像本身上来避免错误。

或者,您可以使用AlphaImageLoader过滤器(与IE6上的透明PNG加载相同的黑客)来加载图像,或者只是在您不在的时候删除alpha过滤器中间的淡入淡出(你仍然会在淡入淡出期间看到这个bug,但至少它不会出现在100%)。

答案 2 :(得分:0)

好的,经过一番搜索,我发现了什么问题 这种效果被称为瑞士军队图像文物,你可以在这里找到更多相关信息:http://www.dynamicdrive.com/forums/showthread.php?t=34462

探索者的另一个大错误:)

解决方案在参考文章上,例如,使用photoshop上的关卡工具删除绝对黑色。是否使用photoshop中的操作为所有图片进行了批量更改,并且像魅力一样工作。