問題 - Nivoslider位於IE7的jquery下拉列表頂部

Question

Arrgghhh！我在IE7中遇到了一個嚴重的問題，我的jquery下拉列表和我的nivoslider。出於某種原因，jQuery下拉菜單位於IE7中的nivoslider背後。它適用於所有其他瀏覽器，但IE7。我知道它是一個Z索引問題，但我還沒有找到一個好的解決方案。 網站 - www.ecologicalgroup.com。有什麼建議麼？

Answer 1

嘗試給你的標題一個相對位置，並設置z-index到比nivo-slider更高的值。

#header{ 
    position: relative; 
    z-index: 1000; 
} 

Answer 2

有一個偉大的職位由名爲萬斯盧卡斯Web開發誰幫助寫的修復用z-index的IE7問題jQuery函數。

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

基本上是流行到任何您的jQuery的.js文件中並正確排列優先順序Z-指數IE7。

$(function() { 
    var zIndexNumber = 1000; 
    $('div').each(function() { 
    $(this).css('zIndex', zIndexNumber); 
    zIndexNumber -= 10; 
}); 
});