Question

我不确定为什么我网站上的主页滑块在Chrome和Safari上完美运行，而不是Firefox。它正在使用Flexslider。 Firefox上的对齐完全关闭。我现在真的很茫然。

我已经尝试过这个仅用于Firefox的CSS代码，但这是我不想推出的解决方法。

@-moz-document url-prefix() {
    .full-homepage-slider ul.slides li {
        margin: 0 !important;
        float: none !important;
    }

Answer 1

我自己也有同样的问题！

最后得知这是因为我在CSS中的flexslider类（.flexslider）中应用了（一个“底部”）边距来移动滑块下方的内容 - 不知何故，在Firefox中，它正在将图像从顶部反而导致对齐问题。

解决方案：删除适用于：.flexslider（或任何div容器）的任何保证金值

如果您仍然需要滑块周围的元素相对于它移动，请使用padding容器上的div而不是margin。