背面可见性：chrome 中的隐藏错误答案

【问题标题】：backface-visibility:hidden bug in chrome背面可见性：chrome 中的隐藏错误
【发布时间】：2012-11-20 23:51:10
【问题描述】：

我在 Windows Vista 上的 Chrome 中发现了一个错误：CSS3 backface-visibility:hidden 不起作用。这是一个例子： jsFiddle

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

谁有线索？

webkit-backface-visibility:hidden;

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

好的，我现在已经解决了 Chrome v75.0 在使用

的元素及其子标签（p、img）时的相同问题

backface-visibility: hidden;

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

修复了它

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

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

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

【讨论】：

【解决方案3】：

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

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

希望对你有所帮助。

【讨论】：