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



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

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

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

这是由 Chrome 中的一大类错误引起的,这些错误在过渡到加速渲染或从加速渲染过渡时会显示闪光(白色或黑色,具体取决于错误)。当从非悬停状态进行 CSS 过渡时,悬停时可能会发生这种情况。

解决方法是确保元素的基本状态使用加速呈现。一种方法是为元素添加以下规则(不带 :hover 选择器):

-webkit-backface-visibility: hidden;

来源: http://www.sitepoint.com/fix-chrome-animation-flash-bug/