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

标签 javascript image internet-explorer animation css

我真的被困在这个问题上了。网站快完成了。只是试图解决 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 以隐藏图像,这实际上导致出现白点问题。所以我真的需要找到一种方法将背景颜色设置为黑色,以便它隐藏透明像素。

最佳答案

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

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

关于javascript - IE 淡入淡出导致图像出现白点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7299329/

相关文章:

css - IE 页面布局随机中断?

javascript - 具有内容功能的 Bootstrap 3 Popover

javascript - IsGenerator 实现

java - Spring MVC - 引用上传的图像

internet-explorer - IE9 @font-face 遇到未知错误

html - 元素背景颜色未在 IE 中显示

javascript - Opera vs Firefox 关注输入问题

javascript - 使用 paged.js 控制分页和分栏

image - 如何轻松多次裁剪同一张图像

c# - 在 C# 中使用 Windows 默认编辑器打开图像