google-chrome - 背面可见性：chrome 中的隐藏错误

Question

我在 Windows Vista 上的 Chrome 中发现了一个错误：CSS3 backface-visibility:hidden doesn't work。这是一个例子： jsFiddle

这在 windows 7 和 mac 中的 chrome 上运行良好，但在 chrome vista 上，背面没有隐藏。

有人有任何线索吗？

webkit-backface-visibility:hidden;

Answer 1

好的，我现在已经解决了与 Chrome v75.0 相同的问题，当有一个元素及其子标签（p，img）时

backface-visibility: hidden;

Chrome 仅显示子项的内容。我使用 jQuery 插件来翻转一些内容。我通过使用修复它

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

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

也许这就像双重隐藏手段展示？！就像在数学中 - 和 - 是 + :-)

Answer 2

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

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

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

Answer 3

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

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