Chrome + Safari不透明度转换错误会创建st

时间:2014-03-25 23:34:04

标签: html css google-chrome safari webkit

我在Chrome和Safari中的不透明度转换方面存在错误。当我将鼠标悬停在父div上,触发子div上从0到1的不透明度转换时,子div下面的内容会抖动一段时间。

我尝试在-webkit-font-smoothing: antialiased;上使用body,但效果仍然存在。有什么想法吗?您可以看到问题here(使用Chrome或Safari,将鼠标悬停在顶部菜单中的“帐户”链接上,您会看到闪烁)。

1 个答案:

答案 0 :(得分:5)

如果您想设置一揽子声明,请将-webkit-backface-visibility: hidden;添加到元素,或添加到*的所有元素。

更详细地描述该问题的一些链接:

Prevent flicker on webkit-transition of webkit-transform

How to fix flicker when using Webkit transforms & transitions