Question

如何设置包含ID标题的div包含我的标题，并且所有数据都覆盖了id为overmainholder的div？

我正在使用Jquery Supersized作为我的全屏bg。我尝试了所有的东西，但我的主持人div与标题等等在主持人之后！

体内：

<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。

我不确定我到底知道你在问什么，但这是我的建议：

主持人的Css：

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

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;
}

这将把主要人物放在首位。

使用Jquery Supersized重叠div

1 个答案: