2013-07-09 233 views
1

我不確定爲什麼我的網站上的主頁滑塊可以在Chrome和Safari瀏覽器上正常工作,但不適用於Firefox。它使用Flexslider。 Firefox的對齊方式完全關閉。我現在真的很茫然。Flexslider適用於Chrome和Safari,但不適用於Firefox

這裏是網站: http://www.sherwoodbedding.com/

我已經嘗試過這個CSS代碼只是Firefox的,但是這是一個解決辦法,我不想與推出。

@-moz-document url-prefix() { 
    .full-homepage-slider ul.slides li { 
     margin: 0 !important; 
     float: none !important; 
    } 
+0

那麼究竟哪個部分不起作用?清楚地描述你期望看到什麼以及你看到的是什麼會真的有幫助... –

回答

0

自己也有同樣的問題!

最後得出結論,這是因爲我在CSS中的flexslider類(.flexslider)上應用了一個('底部')邊距,以將滑塊下面的內容向下移動 - 不知何故,在Firefox中它將圖像向下移動從頂部而不是導致對齊問題。

解決方案:刪除適用於任何邊距值:.flexslider(或任何div容器)

如果您仍需要圍繞移動元件相對於移動它時,div容器,而不是margin上使用padding

相關問題