0

如何设置 id 为 mainholder 的 div 来保存我的标题,并且所有数据都覆盖了 id 为 overmainholder 的 div?

我正在为我的全屏背景使用 Jquery Supersized。我尝试了所有方法,但带有标题等的 mainholder div 的反词超过了mainholder!

机身内部:

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

1 回答 1

1

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

我不确定我是否完全理解您的要求,但这是我的建议:

  1. 主要持有人的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;
    }
    

这将使主持有人处于首位。

于 2013-11-06T21:57:03.007 回答