背面 - 可见性在Firefox中无法正常工作（在Safari中有效）

Question

我对背面可见性有问题。它在Safari / Chrome中的工作方式非常有用，但由于某种原因，它在Firefox中无法正常工作。

当盒子翻转时，我会看到正面的镜像。

Answer 1

此错误已acknowledged by Mozilla。

修复方法是将transform: rotateX(0deg)添加到前后对象。

根据@yalia的建议，在容器上添加backface-visiblity:hidden会使Chrome无法响应，因此应该避免修复。

这是修复的fiddle。

Answer 2

尝试在对象及其容器上放置'backface-visibility：hidden'。这对我有用这个bug

Answer 3

仅在父级中添加-moz-backface-visibility: hidden;。这对我有用。