jQuery - 總是排在前面

Question

是否有可能讓一個元素始終處於jQuery的頂端？我可以在CSS中使用z-index，但在Internet Explorer 7中，它只能與position:relative;和position一起使用absolute。所以也許有什麼我可以用jQuery做什麼？

現在我的jQuery的文件看起來像：

$(document).ready(function(){ 

    $('#mainmenu li.item').hover(function(){ 
     $('.sub',this).show(); 
    }, 
    function(){ 
     $('.sub',this).hide(); 
    }); 
}); 

CSS：

#mainmenu li .sub{ 
    text-transform:lowercase; 
    display: none; 
    position: absolute; 
    float: left; 
    top: 31px; 
    left: 0px; 
    background:url("images/sub-menu-bg.png") repeat-x; 
    z-index:6; 
    padding-left:15px; 
    padding-bottom:15px; 
    padding-top:15px; 
    width: 280px; 
    color: #3e4f77; 
    z-index: 4; 
} 

Answer 1

有一些固定的z-index問題在IE7衆多的jQuery腳本

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