Почему красный элемент не идет за синим? Это не имеет большого значения для меня. Я попытался сделать красный элемент z-index: -1, но это не сработает.Вложенный индекс z не работает должным образом
http://jsfiddle.net/dmcgrew/6cY84/
Красный элемент является потомком синей, поэтому он всегда будет впереди. Если вы сделаете это небольшое изменение ваши стили будут работать:
<div class="parent"></div>
<div class="child">child</div>
Теперь эти два DIV являются «на том же уровне», а красный в Z-индекс становится значимым, что в вашем коде не было.
Для вашего вопроса «Почему» прочитайте мой ответ здесь: http://stackoverflow.com/questions/16504832/in-css-2-1-if-a-parent-establish-a-stacking-context-why -может-The-детские-текс/16505305 # 16505305 – Arbel