CSS - Firefox中滑块的宽度

我正在修复一个网站。我遇到了我使用的滑块问题。我使用的滑块是轨道滑块。CSS - Firefox中滑块的宽度

这里的东西：

每个滑动负载1个像素比容器宽度则之后的第二拉伸以下，最大限度地发挥其容器的宽度。

我尝试宽度：在父容器内的每个div 100％，但CSS规则不能解决我的问题。

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

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

问：如何填写的宽度在每个滑动的初始状态，这样它会满足FIREFOX标准滑块输出。

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

enter image description here

来源

2013-03-26 Jed

firefox对我来说很不错，你确定有问题吗？ – 2013-03-26 04:05:24

@Evan：是的，看右边滑块的边缘。有一个小差距（填充或其他），一秒钟后立即调整。不要放大视图。然后你可以注意到这个错误。 – Jed 2013-03-26 04:09:26

我认为这个问题可能与这样一个事实有关，即每个图像的不透明度都是从'1'开始，然后被降低到'0'，然后再次回到'1'...... – 2013-03-26 04:17:23

这似乎是与Firefox 10+的错误。它有多个错误报告。

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

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

我不知道有一个修复程序然而，去年我看了他们还没有找到一个为这个bug。

来源

2013-03-26 04:21:58

非常感谢你在阅读报告时解决了这个问题1.解决方案是在幻灯片的每个图像中使用箱形阴影。 – Jed 2013-03-26 19:12:32

@jed非常好，很高兴听到它！ – 2013-03-26 19:25:29

只是尝试用下面的：

在你的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-26 04:39:17

CSS - Firefox中滑块的宽度

回答

相关问题