【问题标题】: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

【讨论】:

    猜你喜欢
    • 2019-01-26
    • 1970-01-01
    • 2017-11-25
    • 2013-06-30
    • 2021-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多