我遇到了使用chrome闪烁的图像问题。并没有发生在Firefox中,并且它并不总是发生,但是当它发生时它真的很烦人。当我徘徊在另一张图像上时发生了这种情况,当我在它上面盘旋时发生了影响,当我在图像上方盘旋时,另一张被设置为另一个区域的背景图像的图像会闪烁#34 ;或者"眨眼"简要然后重新加载。当我将鼠标从图像上移开时,另一个区域会再次闪烁/闪烁。
编辑:好的,还有问题。我把它缩小到了这个background-attachment: fixed;
这就是问题所在。如果您将屏幕放在“网页设计”之间,请my website。按钮和我的图片,然后点击'网页设计'背景中的'关于'部分短暂消失。进行此停止的唯一方法是从背景图像中删除固定位置。请帮忙!我已经研究了好几天了,我以为我修好了......
答案(2014年8月7日):看到这个问题得到了很多观点,我应该让我知道我找到了解决方案。 See it live here似乎我有一些垃圾JS与我页面上的很多不同的东西相冲突。主要发生在我的"工作"部分按钮,因为我通过JS / CSS设置了悬停功能。既然它是纯CSS,问题就消失了。
答案 0 :(得分:0)
我知道这可能不是每个问题的解决方案,但它适合我。
我有:
background: url("../img/picture.jpg") no-repeat fixed 0% 100%;
我改为
background: url("../img/picture.jpg") no-repeat fixed;
background-position: 0% 100%;
从那时起,闪烁停止了。只是想分享,因为我认为这是Chrome的一个常见问题。我会假设你也可以做同样的不重复和固定,但对我来说没有必要。如果你有Chrome的图像闪烁问题,我会建议分离出有关图像的不同属性,看看它是否有效。这是一个更多的代码,但它可能会有所帮助!