Jquery 引导转盘translate3d覆盖不适用于firefox，即

我一直在尝试修改Bootstrap3.3.5旋转木马，使其显示多个图像，而不是标准的单个图像。该方法涉及覆盖幻灯片动作的stock translate3d变换值，使其在图像之间移动时一次只前进一个。我已经将来自的转换覆盖用于自定义。这是我的基本设置的一部分

在我在firefox（还有IE）上试用之前，一切都很好。translate3d效果根本不起作用。从我所读到的translate3d的内容来看，它应该可以工作（v41.0.2）。我最初认为FF不喜欢百分比，但我刚才提到的链接只表示tz值没有百分比。所以我不知道为什么它不起作用

我对这一点很在行，所以我猜有人会看一眼，让我大吃一惊，但我真的很想知道为什么会发生这种情况，然后再转向其他方法

如果你有时间的话，我非常感谢你的意见，谢谢

这是我的代码（codepen版本的工作方式应该是这样的，但由于某种原因，这里嵌入的代码片段没有这样做）

var mod_screen=function（）{
/*清理以前调整大小时添加的额外div*/
$（'.item'）。每个（函数（）{
$（this）.children（'div:not（：first'）.remove（）；
});
$（'.carousel.item'）。每个（函数（）{
var next=$（this）.next（），i；
if（modernizer.mq（‘（最小宽度：768px）和（最大宽度：991px）’）{
/*小屏幕尺寸*/
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
}else if（modernizer.mq（‘（最小宽度：992px）和（最大宽度：1199px）’）{
/*中等屏幕尺寸*/
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
对于（i=0；i.item.active.right{
左：0；
转换：translate3d（50%，0，0）；
-webkit转换：translate3d（50%，0,0）；
}
.carousel-inner>.item.prev，
.carousel inner>.item.active.left{
左：0；
转换：translate3d（-50%，0，0）；
-webkit转换：translate3d（-50%，0，0）；
}
}
@媒体屏幕和（最小宽度：992px）和（最大宽度：1199px）{
.carousel-inner.active.left{left:-33.3333%；}
.carousel内部。下一个{左：33.3333%；}
.carousel inner>.item.next，
.carousel-inner>.item.active.right{
左：0；
转化：translate3d（33.3333%，0,0）；
-webkit转换：translate3d（33.3333%，0,0）；
}
.carousel-inner>.item.prev，
.carousel inner>.item.active.left{
左：0；
转换：translate3d（-33.3333%，0,0）；
-webkit转换：translate3d（-33.3333%，0,0）；
}   
}
@媒体屏幕和屏幕（最小宽度：1200px）{
.carousel-inner.active.left{left:-25%；}
.carousel-inner.next{左：25%；}
.carousel inner>.item.next，
.carousel-inner>.item.active.right{
左：0；
转换：translate3d（25%，0,0）；
-webkit转换：translate3d（25%，0,0）；
}
.carousel-inner>.item.prev，
.carousel inner>.item.active.left{
左：0；
转换：translate3d（-25%，0，0）；
-webkit转换：translate3d（-25%，0，0）；
}   
}

---

所以我已经解决了这个问题，但是我不完全确定为什么会发生这种情况。我添加了三个独立的媒体查询，其中不包括

transform:translate3D

，并且我更改了现有的媒体查询，以检查transform-3D支持。标记没有更改，Javascript也没有更改。看起来Firefo和x和IE现在都很满意。就像我说的，我不知道为什么FF在我的代码中不支持translate3D，而文档上说它支持。如果有人能告诉我为什么它不起作用，我将不胜感激。下面是更新的

@所有媒体和（最小宽度：768px）和（最大宽度：991px）{
.carousel-inner>.next{左：50%；}
.carousel-inner>.prev{left:-50%；}
.carousel-inner>.active.left{left:-50%；}
.carousel-inner>.active.right{left:50%；}
}
@全部介质和（最小宽度：992px）和（最大宽度：1199px）{
.carousel-inner>.next{左：33.3333%；}
.carousel-inner>.prev{左：-33.3333%；}
.carousel-inner>.active.left{left:-33.3333%；}
.carousel-inner>.active.right{left:33.3333%；}
}
@介质和全部（最小宽度：1200px）{
.carousel-inner>.next{左：25%；}
.carousel-inner>.prev{left:-25%；}
.carousel-inner>.active.left{left:-25%；}
.carousel-inner>.active.right{left:25%；}
}
@媒体全部和（最小宽度：768px）和（最大宽度：991px）和（（transform-3d），（-webkit-transform-3d））{
.carousel inner>.item.next，
.carousel-inner>.item.active.right{
左：0；
转换：translate3d（50%，0，0）；
-webkit转换：translate3d（50%，0,0）；
}
.carousel-inner>.item.prev，
.carousel inner>.item.active.left{
左：0；
转换：translate3d（-50%，0，0）；