背面可见性在 Firefox 上不起作用

Question

我正在制作这个网站，我在浏览器之间遇到了一个大问题。我在网站上添加了一些动画，但在触发动画时元素移动时遇到了问题。我通过添加带有所有必要浏览器前缀的backface-visibility:hidden;来解决它。在Chrome上一切正常，但在Firefox上不起作用。这是我在这里搜索和询问后添加的内容

 /*perspective*/
-webkit-perspective:0;
   -moz-perspective:0;
    -ms-perspective:0;
     -o-perspective:0;
        perspective:0;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
/*transform*/
-webkit-transform:translate3d(0,0,0);
   -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
     -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);

Answer 1

根据此线程和此票证中的说明，这是一个已知问题。

这是对我有用的唯一解决方法：

将"transform： rotateX（0deg）"添加到 .front， .back 规则修复 这。