CODEWITHSUNDEEP
google-chromecss
TomD
TomD

Reputation: 181

backface-visibility:hidden bug in chrome

I've found a bug in Chrome on windows Vista: CSS3 backface-visibility:hidden doesn't work. Here is an example: jsFiddle

This works fine on chrome in windows 7 and mac, but on chrome vista the backface is not hidden.

Anyone have any clues?

webkit-backface-visibility:hidden;

Upvotes: 4

Views: 5072

Answers (3)

Dev3100
Dev3100

Reputation: 83

If you're facing similar issue try adding following styles:

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

Upvotes: 1

Philipp
Philipp

Reputation: 21

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

backface-visibility: hidden;

Chrome displays only the content of the children. I use a jQuery plugin to flip some content. I fixed it by using 

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

to avoid to add the backface-visibility on childs.

Maybe it's like double hidden means show?! like in math - and - is + :-)

Upvotes: 2

Francois Borgies
Francois Borgies

Reputation: 2408

I had the same issue, where "-webkit-backface-visibility: hidden" was actually needed and what worked for me was to first set it to "visible" and then "hidden".

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

I hope that this will help you.

Upvotes: 1

Related Questions