使用transform的GPU加速：translateZ（0）和文本在颜色为白色时消失

Question

我的项目在某些方面需要GPU加速来进行快速转换，但是当我在CSS中使用-webkit-transform:translateZ(0)激活GPU加速时，我看到颜色变得更亮，白色字母在任何背景中都完全消失。当我设置#CCC或#DDD的字母颜色时，几乎观察不到。

解决此问题的任何解决方案？

示例：

Answer 1

好的，我自己解决了..

经过一夜思考之后，我发现消失文本和文本颜色变浅的原因可能是由于文本的各向异性或抗锯齿，所以我通过添加{{1}来禁用各向异性在CSS和woala中！问题解决了。

Answer 2

当将GPU加速与文本渲染结合使用时，我们遇到了这个问题：optimizeLegibility。在我们的案例中，一般不会声明文本呈现是这个问题的解决方案。