html - Webkit - 使用 css 转换时文本变得不清晰(翻译)

Question

我对 webkit 转换有疑问。

Without -webkit-backface-visibility:hidden

...当我翻译(如:-webkit-transform: translate(80%,0))一个对象时，我页面上的许多对象都在闪烁

和

With -webkit-backface-visibility:hidden

... 问题是，当我移动父项时，子项-> 文本变得不清晰(例如:-webkit-transform: translate(80%,0))。当 transform->translate-value 再次为 (0,0) 时，它再次变得尖锐。

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

信息:Windows，Chrome 31.0 xxx，

Answer 1

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

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

我从未使用过它，所以我不知道它会对页面性能和兼容性产生什么影响，但希望它能解决您的问题。