Transform3d不适用于firefox

Question

Transform 3d在上一版本的firefox中运行良好，但在新的更新版本52.0.1（32位）中，它无法正常工作。 CSS代码在

之下

当菜单关闭时：

.c-menu {
     transform: translate3d(268px, 0px, 0px);
    -moz-transform: translate3d(268px, 0px, 0px);
    -webkit-transform: translate3d(268px, 0px, 0px);
}

菜单打开时（从右侧）：

#sidebar.toggled {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
}

Answer 1

translate3d无法在最新的Firefox版本中运行，这样可以解决您的问题

.c-menu {
    right: -268px
}

#sidebar.toggled {
    opacity: 1;
    right: 0px
}