1

我不确定为什么我网站上的主页滑块可以在 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;
    }
4

1 回答 1

0

我自己也有同样的问题！

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

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

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

于 2013-10-24T11:14:51.973 回答