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/