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 上重现该问题，这为我解决了问题

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

将item-moz 类添加到.carousel-inner 元素内轮播的所有幻灯片(.item)。

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