Wierd字体渲染在Chrome中

Question

因此，使用Chrome/Opera与Firefox的字体渲染，我面临着非常奇怪的问题。这是问题的预览，请注意粉红色文字。它在第一个示例中是模糊的，并且在重点进行文本输入之后会更改。每当我使用翻译元素时，也会发生同样的平滑性问题。

基本预览： 示例1

当将textarea集中在这些元素上方字体上方的范围内开始变得非常光滑，以及如何假设它是如何变得如此： 示例2

焦点时文本看起来更流畅。对这个问题有什么想法吗？ Firefox没有这种问题。我也在使用：

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Answer 1

隐藏后面解决了这个问题。

.backface-hidden {
   backface-visibility: hidden;
}