CODEWITHSUNDEEP
cssgoogle-chrome
erfling
erfling

Reputation: 409

Chrome display bug

I'm having an issue similar to the old IE peekaboo bug. Some text is visible in every other browser, but in Chrome (v. 21.0.1180.77 m) it is hidden until highlighted or viewed in developer tools, at which point it appears normally.

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

Text missing:

Text missing
(source: 116state.com)

Text after highlighting or inspecting element:

Text missing
(source: 116state.com)

Site url: http://116state.com

Upvotes: 4

Views: 1293

Answers (2)

Paolo Mioni
Paolo Mioni

Reputation: 998

It might be related to the fixed position bug in Chrome.

See here:

Fixed element disappears in Chrome

It suggests to add -webkit-transform: translateZ(0) to the position: fixed element.

It has worked for me.

Upvotes: 4

blue
blue

Reputation: 11

had the same kind of bug in chrome 23.0.1271.64 ... not yet sure I fixed it for good but applying a benign affine transform to the element in the form of:

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

seems to have dealt with the issue... of yours, ymmv, so good luck anyone...

Upvotes: 1

Related Questions