Flexslider 适用于 Chrome 和 Safari，但不适用于 Firefox答案

【问题标题】：Flexslider works on Chrome and Safari, but not FirefoxFlexslider 适用于 Chrome 和 Safari，但不适用于 Firefox
【发布时间】：2013-07-09 13:50:07
【问题描述】：

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

这里是网站： http://www.sherwoodbedding.com/

我已经为 Firefox 尝试过这个 CSS 代码，但这是我不想启动的解决方法。

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

【问题讨论】：

那么到底哪一部分不起作用？清楚地描述您希望看到的内容以及您所看到的内容确实会有所帮助...

标签： firefox slider alignment flexslider

【解决方案1】：

我自己也有同样的问题！

最后发现这是因为我在 CSS 中为 flexslider 类 (.flexslider) 应用了（“底部”）边距，以将滑块下方的内容向下移动 - 在 Firefox 中，它以某种方式将图像从顶部而不是导致对齐问题。

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

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

【讨论】：