html - 使用 Chrome 悬停时白色闪烁/闪烁

Question

我在我设计的网站上有一个相当奇怪的问题。每次您将鼠标悬停在链接内或外时，链接元素以及在某些情况下其父元素都会快速闪烁白色。这发生在每个链接上，而不仅仅是具有过渡效果或不同悬停颜色的链接。在 FF 上，一切正常。白色也不是身体的背景色。

更神秘的是我没有对站点进行任何更改。我只更新了 Chrome ..

我也会发布一张图片，但由于我是一个新用户，我不允许这样做，所以必须将其作为链接： http ://www.planetoidi.com/temp/hover.jpg

score 2 · Accepted Answer

这是由 Chrome 中的一大类错误引起的，这些错误在转换到加速渲染或从加速渲染转换时会显示闪烁（白色或黑色，具体取决于错误）。当从非悬停状态发生 CSS 转换时，可能会在悬停时发生这种情况。

一种解决方法是确保元素的基本状态是使用加速渲染。一种方法是为您的元素添加以下规则（没有 :hover 选择器）：

-webkit-backface-visibility: hidden;

1 回答 1