1

我正在修复一个网站。我遇到了我使用的滑块的问题。我使用的滑块是轨道滑块。

事情是这样的：

每张幻灯片加载比容器宽度小 1 个像素，然后在一秒钟后拉伸并最大化其容器的宽度。

我在父容器内的每个 div 中尝试了 width:100% ，但 css 规则并不能解决我的问题。

除了 Firefox，所有现代浏览器看起来都很棒。

该网站是http://www.shamarra.co.nz/test/

Q：如何在每张幻灯片的初始状态填充宽度，使其符合FIREFOX中的标准滑块输出。

我怀疑滑块需要修改 CSS 来解决这个问题。

在此处输入图像描述

4

2 回答 2

1

只需尝试以下内容：

在您的 css 文件上：http ://www.shamarra.co.nz/wp-content/plugins/wp-orbit-slider/css/default.css

删除/隐藏以下行并在 Firefox 中刷新/清除浏览器缓存。

#orbit-inside img.orbit-slide {
    /*height: auto;
    max-width: 100% !important;
    width: 100% !important;*/
}

还，

    div.orbit > img {
        /*left: 0;*/
        position: absolute;
        top: 0;
    }

    div.orbit > img, div.orbit > a {
        display: none;
        height: 100%;
        /*left: 0;*/
        position: absolute;
        top: 0;
        /*width: 100%;*/
    }

然后它将开始完美地工作。我已经在我的本地服务器上进行了测试，它工作正常。

我认为这可以帮助您解决问题。

于 2013-03-26T04:39:17.647 回答
1

这似乎是 FireFox 10+ 的一个错误。已经有多个错误报告。

报告一： https ://bugzilla.mozilla.org/show_bug.cgi?id=745549

报告 2： https ://bugzilla.mozilla.org/show_bug.cgi?id=780521

我不确定是否有修复，上次我读到他们还没有找到解决这个错误的方法。

于 2013-03-26T04:21:58.277 回答