Reverse visibility: latent error in chrome

Question

I found a bug in Chrome in Windows Vista: CSS3 backlink visibility: hidden doesn't work. Here is an example: jsFiddle

This works fine on chrome on Windows 7 and Mac, but on the chrome view the flip side is not hidden.

Does anyone have any clues?

webkit-backface-visibility:hidden; 

Answer 1

I had the same problem when “-webkit-backface-visibility: hidden” was actually needed, and what worked for me was to set it to “visible” and then “hidden” first.

 -webkit-backface-visibility: visible; -webkit-backface-visibility: hidden; 

I hope this helps you.

Answer 2

If you encounter a similar problem, try adding the following styles:

-webkit-transform: translate3d(0,0,0); -transform: translate3d(0,0,0);

Answer 3

Ok, now I fixed the same problem with Chrome v75.0 when the element and its child tags (p, img) with

 backface-visibility: hidden; 

Chrome only displays child content. I am using the jQuery plugin to flip some content. I fixed it with

 .not('p, img, br, strong') 

to avoid adding backside visibility to children.

Maybe it's like a double hidden tool to show ?! as in mathematics - and - this is + :-)