问题
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;
回答1:
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.
回答2:
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 + :-)
回答3:
If you're facing similar issue try adding following styles:
-webkit-transform: translate3d(0,0,0);
-transform: translate3d(0,0,0);
来源：https://stackoverflow.com/questions/13684522/backface-visibilityhidden-bug-in-chrome