[Graf]

Приветствую и прошу помощи. Есть необходимость наложить один блок поверх сайта. Нашел несколько примеров но у меня они не работают. Везде пишут про свойство z-index. Как с ним работать? Ниже приведу простой пример.

Код:

<style>
#wrapper {position:relative; width:1020px; height:100%; z-index:20;}

#somediv {position:absolute; width:500px; height:300px; z-index:1;}
</style>

Код HTML:

<div id='wrapper'></div> <div id='somediv'></div>

[TBicTep]

Чем выше z-index тем блок так сказать выше над другими блоками. В общем постав z-index 9999 и будет работать.

[Graf]

проблема решена, виной была - ;, спасибо за внимание)

[OKyJIucT]

Graf, вы не тому диву z-index прописываете. Какой должен быть сверху, тому больше и ставьте. Кроме того, для дива, который абсолютно позиционирован, желательно задать расположение на странице. Вот рабочий пример:

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 1 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

[TBicTep]

Вот наглядный пример

Код HTML:

<style>
#class1{
position:absolute;
background-color:#FBEC78;
height:300px;
width:300px;
z-index:1;
}

#class2{
position:absolute;
background-color:#FBC078;
height:150px;
top:180px;
width:150px;
z-index:2;
}

#class3{
position:absolute;
left:140px;
top:220px;
height:100px;
width:100px;
background-color:#FB8C78;
z-index:3;
}
</style> <div id="class1">Задний план</div> <div id="class2">Середина</div> <div id="class3">Передний план</div>