Chrome display error

I have a problem similar to an old IE peekaboo error. Some text is visible in any other browser, but in Chrome (v. 21.0.1180.77 m) it is hidden until highlighted or viewed in the developer tools, after which it looks normal.

Has anyone else seen this? Any ideas for a fix?

Missing text:

Text missing
(source: 116state.com )

Text after selecting or checking an element:

Text missing
(source: 116state.com )

Website Address: http://116state.com

+4
source share
2 answers

This may be due to a fixed position error in Chrome.

Look here:

Fixed item disappears in Chrome

It is suggested to add -webkit-transform: translateZ (0) to position: fixed element.

It worked for me.

+4
source

had the same error in chrome 23.0.1271.64 ... still not sure if I fixed it forever, but applied a benign affine transform to an element in the form:

element { -webkit-transform: matrix(1.0, 0.0, 0.0, 1.0, 0.00, 0.01); } 

seems to have sorted out the problem ... yours, ymmv, so good luck ...

+1
source

All Articles