My project in some part need GPU acceleration to make a fast translation, but when I active the GPU acceleration using -webkit-transform:translateZ(0) in CSS, I see that the color becomes lighter, and white letters disappears completely in any background. When I setting up the color of letter to #CCC or #DDD, it hardly can be observed.
Any solution to fix this problem?
Example:


Ok, solved by myself..
After a night thinking about it, I figured out that the reason to disappear the text and the text color are being lighter maybe is due by the anisotropic or antialiasing of the text, so I disabled the anisotropic by adding
text-rendering:optimizespeedin the CSS and woala! Problem solved.