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

rea*_*lph 19 css-transitions css-transforms

我有背面可见性的问题.它在Safari/Chrome中的运行方式非常有用,但由于某些原因它在Firefox中无法正常工作.

当盒子翻转时,我得到了正面的镜像.

Noe*_*ams 28

Mozilla已经承认了这个bug .

修复是添加transform: rotateX(0deg)到前后对象.

backface-visiblity:hidden正如@yalia所建议的那样,添加容器会使Chrome无法响应,因此应该避免修复.

这是修复的小提琴.

  • 使用“transform:rotateX(0deg)”修复我在 Safari 上遇到的相同错误 (2认同)
  • 漂亮的变换:rotateX(0deg)就像一个魅力<3 (2认同)

小智 21

尝试在对象及其容器上放置'backface-visibility:hidden'.这个错误对我有用

  • 此问题已在 Firefox 中修复,直到 v30。最新版本 v31 出现了同样的问题。给出的解决方案也对我有用。谢谢。 (2认同)

小智 7

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