jquery - 使用 Jquery Supersized 覆盖 div

Question

我如何设置带有 id mainholder 的 div 来保存我的标题，并且所有数据覆盖带有 id overmainholder 的 div？

我正在为我的全屏背景使用 Jquery Supersized。我什么都试过了，但我的 mainholder div 和 header 等都变成了 backwords overmainholder!

体内:

<div id="overmainholder"></div>
<div id="mainholder">
<div id="header"></div>
</div>

我的 CSS

#mainholder{
    width:1051px;
    height:700px;
    margin:0 auto;
    z-index:100;
}

#overmainholder{
width:100%;
height:202px;
position: absolute;
top:0;
left:0;
float:left;
z-index:2;
background-image:url(../images/bodybg.jpg);
background-repeat:repeat-x;
}

#header{
width:1051px;
height:202px;
background-image:url(../images/headerbg.jpg);
background-repeat:no-repeat;
z-index:101;    
}

Answer 1

Header 是嵌套的，mainholder 不是绝对位置，所以不能设置 z-index。

我不确定我是否完全理解您的问题，但这是我的建议:

1. mainholder 的 CSS:

   #mainholder{
       width:1051px;
       height:700px;
       margin:0 auto;
   }
   

2. overmainholder 的 CSS(注意 z-index 为 -1)

   #overmainholder{
       width:100%;
       height:202px;
       position: absolute;
       top:0;
       left:0;
       z-index: -1;
       background-image:url(../images/bodybg.jpg);
       background-repeat:repeat-x;
   }
   

这将把 mainholder 放在首位。