Наложение div с использованием Jquery Supersized

0

Как я могу установить div с основным держателем id, который содержит мой заголовок, и все данные накладывают div на id overmainholder?

Я использую JQuery Supersized для моего полного экрана bg. Я пробовал все, но мой основной раздел div с заголовком и т.д. Переводит 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;    
}
Теги:

1 ответ

1
Лучший ответ

Заголовок вложен, а основной источник не является абсолютной позицией, поэтому вы не можете установить z-index.

Я не уверен, что я точно понимаю, что вы просите, но здесь мое предложение:

  1. Css для владельца:

    #mainholder{
        width:1051px;
        height:700px;
        margin:0 auto;
    }
    
  2. CSS для overmainholder (примечание 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;
    }
    

Это поставит на первое место основного.

  • 0
    Оооо .. Вы правы ... z-index должен быть -1 .. :-)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню