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中滑塊的寬度

回答

相關問題