Bootstrap 3.2.0与Bootstrap 3.3.7，Carousel CSS3 3D转换

Question

Bootstrap 3.3.7上的图像滑动在早期的3.2.0版本中发生了某些变化。滑动不是连续的，即下一个图像仅在前一个图像滑开之后出现（在过渡期间仅可见背景）。这似乎是特别在Firefox上的问题：https://github.com/twbs/bootstrap/issues/15534

它表示：“@media all and (transform-3d), (-webkit-transform-3d)在Firefox中评估为false。

还有其他一些问题和答案，其中提到有关转换的内容在Bootstrap 3.3.7中发生了变化。例如Bootstrap 3 Carousel fading to new slide instead of sliding to new slide说：“添加了转换以改善现代浏览器中的轮播性能。”

我找到了三个有效的解决方案

1. 从v3.3.7 bootstrap.css文件中删除代码块@media all and (transform-3d), (-webkit-transform-3d) {}（该块从非缩小的bootstrap.css文件中的6263行开始）
2. 为代码块创建一个新声明：@media all (transform-3d), all (-webkit-transform-3d) {}
3. 在两个声明下复制代码块内容：@media all (transform-3d) {}和@media all (-webkit-transform-3d) {}

问题

取走代码块是否有害？新的CSS声明是否有效？还有其他完全不同的解决方案吗？

Answer 1

我能够在Firefox＆amp ;;上重现这个问题。这解决了我的问题

.item.item-moz {
    -moz-perspective: 1000px;
}

将item-moz课程添加到.item元素内旋转木马的所有幻灯片（.carousel-inner）。

为-moz属性添加perspective前缀为我解决了问题。