Webkit - 使用css转换时，文本变得不清晰（翻译）

Question

我遇到了webkit转换问题。

Without -webkit-backface-visibility:hidden

...当我翻译时（例如：-webkit-transform：translate（80％，0））一个对象，我页面上的许多对象都在闪烁

和

With -webkit-backface-visibility:hidden

...问题是，当我移动父项时，那个孩子 - ＆gt;文本变得不清晰（例如：-webkit-transform：translate（80％，0））。当transform-＆gt; translate-value再次为（0,0）时，它再次变得清晰。

有人知道如何解决这个问题吗？

信息：Windows，Chrome 31.0 xxx，

Answer 1

根据this post。将以下内容添加到动画元素应该可以解决问题。

.element {
    -webkit-transform: translateZ(0);
}

我从未使用它，所以我不知道它对页面性能和兼容性的影响，但手指交叉，它将解决你的问题。