背景附件问题:已在 Chrome 中修复



我遇到了图像在铬中闪烁的问题。在 Firefox 中没有发生,也并不总是发生,但是当它发生时,它真的很烦人。当我将鼠标悬停在另一个图像上时,就会发生这种情况,当我将鼠标悬停在该图像上时,另一个设置为另一个区域背景图像的图像会短暂地"闪烁"或"闪烁",然后重新加载。当我将鼠标移离图像时,另一个区域会再次闪烁/闪烁。

编辑:好的,仍然有问题。我已将其缩小到此

background-attachment: fixed;

这就是问题所在。在我的网站上,如果您将屏幕放置在"网页设计"按钮和我的图片之间,然后单击"网页设计",则"关于"部分中的背景会短暂消失。进行此停止的唯一方法是从背景图像中删除固定位置。请帮忙!我已经研究了几天了,我想我已经解决了它......

答案(2014年8月7日):鉴于这个问题已经获得了相当多的观点,我应该让你们知道我找到了解决方案。在这里现场观看 似乎我有一些垃圾JS,它与我的页面上的很多不同内容冲突。这主要发生在我的"工作"部分按钮上,因为我通过 JS/CSS 设置了悬停功能。现在它是纯CSS,这个问题已经消失了。

我知道

这可能不是每个问题的解决方案,但它适合我。

我有:

  background: url("../img/picture.jpg") no-repeat fixed 0% 100%;

我改成了

  background: url("../img/picture.jpg") no-repeat fixed;
  background-position: 0% 100%;

从那一刻起,闪烁停止了。只是想分享,因为我认为这是Chrome的常见问题。我假设你也可以用不重复和固定的方式做同样的事情,但这对我来说不是必需的。如果您在使用 Chrome 时遇到图像闪烁问题,我建议您分离出有关图像的不同属性,看看它是否有效。这是更多的代码,但它可能会有所帮助!

最新更新