position: absolute перекрытие

[graf]

Есть для примера 2 блока.

<div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div>
<div style="color:red; z-index: 999;">bla bla bla</div>

По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index.

Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

[buddah]

этого кода недостаточно

[Gaspode]

Второй блок не позиционирован, у него нет z-index'а. Ну, при условии, что это самодостаточный кусок кода.

Edited August 4, 2011 by Gaspode

[graf]

этого кода недостаточно

Просто создайте новый файл.html поместите туда эти 2 строчки, и вы поймете о чем я говорю.

[Vlad]

z-index действует только для элементов, у которых position задано как absolute или relative или fixed. В нижнем блоке ничего такого нет.

[graf]

Второй блок не позиционирован, у него нет z-index'а. Ну, при условии, что это самодостаточный кусок кода.

То есть z-index не появляется у элементов определенных как position: static?

z-index действует только для элементов, у которых position задано как absolute или relative или fixed. В нижнем блоке ничего такого нет.

Спасибо, понятно... хотя такое поведение даже не учитывая z-index кажется мне странным

[amelice]

Спасибо, понятно... хотя такое поведение даже не учитывая z-index кажется мне странным

Как мне кажется, блок с position:absolute полностью убирается c нормального потока. Он не видит других блоков и может перекрывать или перекрыт. Поэтому z-index определяет его степень отображения на экране.

Блоку с position:static не нужен z-index так как он в нормальном потоке, учитывает и не может перекрывать других блоков.

Edited August 4, 2011 by cheburek