Nivo滑塊錯位於Firefox中

我的nivoslider幻燈片顯示在我的索引頁上，正確顯示了Chrome，IE 10和Opera。只有在Firefox中它顯示我們在右側。這是我的網站：http://www.colombian-emerald-jewelry.com/Nivo滑塊錯位於Firefox中

我該如何解決這個問題？

我感謝你的幫助

來源

2013-05-17 Martin Antonio

下次嘗試添加代碼，而不是隻是要求答案......我在下面爲您編輯它。 – Riskbreaker

您也可以直接添加float:left;到nivoSliderclass：

.nivoSlider { 
    float: left; 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
}

來源

2013-05-17 20:55:31 Xareyo

哦Nivo！是的，這也應該工作:) – Riskbreaker

你好YaMo。非常感謝你。這解決了問題！ –

定位是我得到了它的工作，在這兩種瀏覽器試試這個方法：

地址：

.slider-wrapper { 
    height: 350px; 
    position: relative; 
}

編輯：

.theme-default .nivoSlider { 
    background: url("loading.gif") no-repeat scroll 50% 50% #FFFFFF; 
    box-shadow: 0 1px 5px 0 #D3D3D3; 
    position: absolute; 
} 

.theme-default .nivo-controlNav { 
    bottom: 0; 
    clear: both; 
    left: 45%; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
}

來源

2013-05-17 20:48:13 Riskbreaker

如果有人遇到同樣的問題，但希望（它會強制使用clearfix如果你的滑塊讓我們說頁面的主要內容上方），以避免使用浮動，明確：既效果更好。

.nivoSlider { 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    clear: both 
}

來源

2013-12-11 23:40:28 Malyo

Nivo滑塊錯位於Firefox中

回答

相關問題