使用變換：translateZ（0）和文字消失，當顏色是白色時，GPU加速

Question

我的項目在某些部分需要GPU加速來快速翻譯，但是當我在CSS中使用-webkit-transform:translateZ(0)來激活GPU加速時，變得更輕，並且白色字母在任何背景中完全消失。當我將字母的顏色設置爲#CCC或#DDD時，幾乎無法觀察到。

任何解決方案來解決這個問題？

例子：

Answer 1

好吧，我自己解決..

經過一夜思考，我想通了，之所以消失文本並且文本的顏色越淺可能是由於文本的各向異性或抗鋸齒造成的，所以我通過添加來禁用各向異性在CSS和woala！問題解決了。

Answer 2

將GPU加速與文本渲染結合使用時，我們遇到了這個問題：optimizeLegibility。在我們的案例中，沒有聲明文本渲染通常是解決這個問題的方法。