javascript - IE 淡入淡出导致图像出现白点

Question

我真的被困在这个问题上了。网站快完成了。只是试图解决 IE 的最后几个错误 - 真是一个惊喜!

这是预览站点:http://www.preview.imageworkshop.com/portfolio/

问题如果您在 IE 中查看投资组合页面，并使用过滤器在选项之间来回切换，过一会儿图像开始被白点覆盖(特别是在黑暗区域)。

注意:我已经实现了ISOTOPE用于网站投资组合的过滤/布局。

CSS3 过渡是在 CSS 中定义的，但是我相信 ISOTOPE 正在降级为使用 jquery 来实现动画效果。

这是一个摄影网站，所以拥有好看的图片很重要。

我已经知道的事情:- 这是 IE6、7 和 8 中的一个已知问题，由淡入/淡出和像素变为透明引起。

• 人们声称您可以通过移动图像的黑点来解决此问题，因为据推测只有“真黑”像素有问题。 我们试过了，但它对我们不起作用 - 我们也不想进行这些更改，因为颜色准确性对图像很重要，移动黑点会开始弄乱图像。在投资组合中，底部的 3 个大图像已经移动了黑点，但仍然有白点。

• 显然，将父 div 框的背景颜色设置为黑色也可以解决问题。如果我将 .photos 的背景设置为黑色，这似乎对我有用(但这也会使屏幕的一半变黑。但是设置包含图片 (.photo) 的 DIV 的背景没有帮助。如果有我们可以让它工作的方式，这将是一个合适的解决方案。我无法让它为我工作(？)。

那么从这里到哪里呢？我可以通过设置 animationEngine 关闭 ISOTOPE 中的过渡/淡入淡出等:'CSS'。这种效果意味着如果浏览器支持 CSS3，那么 CSS 将用于转换，但如果不支持，浏览器将不会恢复为使用 javascript 进行转换。但是，这意味着在 IE 上页面没有过渡，看起来很裤子。

理想情况下，我需要解决白点问题。- 关于如何让 ISOTOPE 在滤镜后刷新图像有什么建议吗？- 也许还有另一种方法可以进行转换？- 是否可以删除淡入/淡出，但仍使用某种变换，以便我在 IE 中仍然有一些动画发生？

如有任何帮助，我们将不胜感激。整个周末我都在绞尽脑汁试图让它发挥作用，但没有成功。

更新:2011 年 8 月 9 日我设法找到一种方法来关闭淡入淡出过渡，但是，我使用的 javascript 过滤器仍然将不透明度设置为 0 以隐藏图像，这实际上导致出现白点问题。所以我真的需要找到一种方法将背景颜色设置为黑色，以便它隐藏透明像素。

Answer 1

我遇到了与原始海报完全相同的问题。为了摆脱白色像素/点，我将包含我的图像的 div 的背景颜色设置为 #000，这解决了问题。

希望这能帮助所有那些像我一样想要彻底摧毁 IE 的沮丧的开发人员。