0

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

编辑:好的,仍然有问题。我已经把它缩小到这个

background-attachment: fixed;

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

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

4

1 回答 1

0

我知道这可能不是所有问题的解决方案,但它适合我。

我有:

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

我改成了

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

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

于 2013-10-14T18:59:49.330 回答