Nivo Slider縮略圖在IE中無法正確顯示

製作new site但IE中發生了一些問題。我已經購買了用於wordpress插件的Nivo Slider，它工作正常，但它不會在IE中的橫幅下顯示縮略圖。Nivo Slider縮略圖在IE中無法正確顯示

這就是它看起來像在Firefox enter image description here

這就是它看起來像在IE enter image description here

因爲這是一個插件（和網站不給我2之後的任何支持天）我真的沒有源CSS，但我希望你可以看看它與來開發人員工具，看看爲什麼它可能不會顯示在IE中？

這是我發現

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
}

任何幫助或建議表示讚賞。

UPDATE

enter image description here

投入新代碼的.banner底部顯示橫幅的頂部上的所有其他網頁後。

來源

2012-06-19 kia4567

你能指定哪些版本的IE沒有顯示縮略圖嗎？也是插件的版本。 –

它不會在IE 7中顯示縮略圖，並且Nivo Slider插件的版本是最新版本v3.0.1。 – kia4567

加入這個CSS（demo）：

#ie6 .nivo-controlNav a, #ie7 .nivo-controlNav a { 
    position: relative; 
    text-indent: 0; 
}

如果你不能/不想針對IE，那麼這也將工作（demo）：

body .nivo-controlNav a.nivo-control { 
    position: relative; 
    text-indent: 0; 
}

來源

2012-06-26 07:52:30

它工作得很好，謝謝傑弗瑞。我不知道這個問題得到了任何關注，所以我在賞金的最後兩天沒有檢查它。有沒有辦法給你另一半的賞金？ – kia4567

嗯...因爲這樣做訪問另一個網站上的.banner底部顯示在所有其他頁面上的小橫幅頂部..查看更新的問題。這個小問題是如何解決的？ – kia4567

@ambrelasweb你確定這個新問題是由新的CSS引起的嗎？我建議你將它添加到你的樣式表中：'＃ie6 #banner，＃ie7 #banner {position：relative; }' –

Ambrelasweb，您的網站正在使用Nivo Slider v3.0.1，並且我準備了一個jsFiddle，它在IE7中運行，因爲縮略圖不會顯示在該瀏覽器中。我還爲那些舊版Nivo Slider v2.7.1添加了額外的jsFiddle。

參考：jsFiddle for Nivo Slider v3.0.1
參考：jsFiddle for Nivo Slider v2.7.1

最小CSS：.theme-default.controlnav-thumbs .nivo-controlNav a {text-indent:0px;}

您的特定網頁與類名.banner-bottom一個單獨的問題實際上將「覆蓋」，一旦你的縮略圖應用最小Nivo Slider CSS如上所示。要快速查看IE7中的縮略圖，只需暫時註釋掉包含.banner-bottom類的span tag。

來源

2012-06-26 09:04:47 arttronics

嘗試使用下面來看看大拇指顯示：

.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
    display: block; 
    height: auto; 
    width: auto; 
    /width:100%; 
    /height:100%; 
}

那應該改變高度和寬度屬性只有IE瀏覽器。如果確實顯示，您可能需要指定寬度和高度。

來源

2012-06-27 19:45:16 ckpepper02

Nivo Slider縮略圖在IE中無法正確顯示

回答

相關問題