css - Chrome 隐藏后不会重绘 <div>

Question

我有一些 div 在悬停时显示，然后隐藏。但是，在 Chrome(19.0.1084.56 m，Windows XP)中，当您取消悬停时，Chrome 不会重新绘制它们，直到您执行滚动或调整窗口大小等操作。

http://jsfiddle.net/y7NdR/3/

我知道对我的 CSS 进行某些修改可以解决问题，例如删除 position 或 z-index 和 overflow 属性，但我真的不想这样做——JSfiddle 是从我需要它们的完整站点。

任何人都可以解释为什么这个重绘问题会在 Chrome 中发生吗？有没有人有任何提示来修复它而不会弄乱我需要的 CSS？

Answer 1

很明显，这是一个 WebKit 错误。

我发现添加 -webkit-transform: scale3d(1,1,1); 修复了它:

http://jsfiddle.net/thirtydot/y7NdR/5/

我不确定此修复是否有任何缺点。我猜这是可行的，因为在 WebKit 内部，不同的代码用于呈现 3D 转换。