トランスフォームを使用したGPUアクセラレーション：色が白のときtranslateZ（0）とテキストが消えます

Question

私のプロジェクトでは、GPUアクセラレーションが必要な部分がありますが、GPUアクセラレーションをCSSで-webkit-transform:translateZ(0)を使ってアクティブにすると、白い文字が背景に完全に消えます。文字の色を#CCCまたは#DDDに設定すると、ほとんど見ることができません。

この問題を解決するための解決策はありますか？

例：

Answer 1

自分で解決し、[OK]を...それについて考えて夜の後

は、私はその理由は、テキストを消滅することを考え出しましたテキストの色が薄くなっているのは、テキストの異方性またはアンチエイリアシングによるものかもしれないので、CSSとwoalaの！問題が解決しました。

Answer 2

GPUアクセラレーションとテキストレンダリングoptimizeLegibilityを組み合わせて使用​​すると、この問題が発生しました。テキストレンダリングを一般に宣言していないのは、この問題の解決策です。