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

时间:2012-06-15 06:09:21

标签: html google-chrome css3 hover

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

-webkit-backface-visibility: hidden;

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

相关问题