使用JavaScript幻灯片时，Internet Explorer在图像上不需要的伪像

Question

当使用JavaScript幻灯片时，我们在所有版本的Internet Explorer浏览器中都有以下奇怪的（好...）行为。

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

在最近的3张图像中，浏览器创建了白色线条和工件。
正如我对所有版本的Internet Explorer所说的那样，这是正确的。

你以前看过吗？
您是否知道是什么原因造成的？？？

谢谢

Answer 1

好的，我发现搜索后出了什么问题。
该效果称为瑞士陆军形象文物，您可以在这里找到更多有关它的信息： http://www.dynamicdrive.com/forums/showthread.php?t=34462

探险家的另一个很棒的错误:)

该解决方案是在引用的文章中，该文章将使用Photoshop上的级别工具删除绝对黑色。使用Photoshop中的所有图片的动作进行了批处理更改，并且像魅力一样工作。

Answer 2

我可以看到工件 - 奇怪！这是IE的JPEG渲染算法中的一个已知问题。如果将图片放大在Photoshop中，您会发现工件在编码块中受到限制。 （请原谅我，但我认为您大致知道JPEG是如何编码的。）

尝试以不同的质量甚至不同格式编码图像（例如PNG，即使这会给您提供更大的文件）。您可以在此处找到有关如何解决此问题的其他方法：http://forum.jquery.com/topic/ie-dead-pixels-when-fading-images

Answer 3

这是一个错误 alpha 过滤器，这就是IE中透明淡出的方式（版本9之前，它最终支持适当的CSS opacity）。当直接在图像上使用时，任何具有RGB值2,5,10的像素（又名） #02050A）被视为透明。

这就是从EG中的1位透明度的方式。 GIF在 alpha 筛选。显然，微软认为这种特殊的颜色很少有人会注意到。糟糕。

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

或者，您可以使用 AlphaImageLoader 过滤器（与IE6上的透明png加载相同）加载图像，或者只是摆脱 alpha 当您不在淡入中间时过滤（在淡出过程中仍然会看到错误，但至少它不会以100％出现）。