Вложеният z-индекс не работи според очакванията

Защо червеният елемент не стои зад синия? Това няма много смисъл за мен. Опитах се да направя червения елемент z-index: -1, но това не работи.

http://jsfiddle.net/dmcgrew/6cY84/


person Dustin    schedule 03.12.2013    source източник
comment
За вашия въпрос Защо прочетете отговора ми тук: stackoverflow.com/questions/16504832/   -  person Arbel    schedule 03.12.2013


Отговори (1)


Червеният елемент е дете на синия, така че винаги ще бъде отпред. Ако направите тази лека промяна, вашите стилове ще работят:

<div class="parent"></div>
<div class="child">child</div>

Сега тези два div са "на едно ниво" и z-индексът на червения става значим, което не беше във вашия код.

person John Smith    schedule 03.12.2013