谷歌浏览器中backface-visibility:hidden的bug问题

Question

我在Windows Vista上的Chrome浏览器中发现了一个bug：CSS3 backface-visibility:hidden不起作用。以下是一个示例：jsFiddle。

这在Windows 7和Mac上的Chrome浏览器中运行正常，但在Chrome Vista上，背面没有被隐藏。

有人有任何线索吗？

webkit-backface-visibility:hidden;

- TomD

---

这里有一个同样的问题，但没有解决方案 :( https://dev59.com/-Gs05IYBdhLWcg3wFOC8 - TomD

我也遇到了同样的问题，但还没有找到解决方法。 - elsurudo

Answer 1

好的，我现在已经修复了Chrome v75.0中出现元素及其子标记（p、img）带有

的相同问题。

最初的回答

backface-visibility: hidden;

Chrome只会显示子元素的内容。我使用了一个jQuery插件来翻转一些内容。我通过使用

修复了它。翻译成中文为："Chrome仅显示子元素的内容。我使用了一个jQuery插件来翻转一些内容。我通过使用

修复了它。"

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

为了避免在子元素上添加backface-visibility。 也许就像数学中的双重隐藏意味着显示？就像 - 和 - 是 + 一样。

- Philipp

---

• 和 - 等于 - || - 乘以 - 等于 + ;)

- Youp Bernoulli

Answer 2

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

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

- Dev3100

Answer 3

我遇到了同样的问题，需要使用“-webkit-backface-visibility: hidden”，对我有用的是先将其设置为“visible”，然后再设置为“hidden”。

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

我希望这可以帮助你。

- Francois Borgies