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

有许多jQuery脚本可以修复IE7中的z-index问题

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