backface-visibility：chrome中的隐藏bug

Question

我在Windows Vista上发现了Chrome中的错误：CSS3背面 - 可见性：隐藏不起作用。 这是一个例子： jsFiddle

这适用于Windows 7和Mac中的chrome，但在chrome vista上，背面不会隐藏。

任何人都有线索吗？

webkit-backface-visibility:hidden;

Answer 1

我遇到了同样的问题，其中“-webkit-backface-visibility：hidden”实际上是需要的，对我来说有用的是首先将其设置为“可见”然后“隐藏”。

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

我希望这会对你有所帮助。

Answer 2

如果您遇到类似的问题，请尝试添加以下样式：

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

Answer 3

好的，我现在已经解决了Chrome v75.0的相同问题，当使用

拥有元素及其子标记（p，img）时

backface-visibility: hidden;

Chrome仅显示子级的内容。 我使用jQuery插件来翻转一些内容。我使用

修复了它

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

避免在孩子身上添加背面可见性。

也许这就像是双重隐藏意味着表演？！就像在数学中一样-和-是+：-）