Есть три блока one, two и three.
<div id="one">
<div id="two">
<div id="three"></div>
</div>
</div>
Задача: вывести родительский блок
one поверх вложенного в него
two, но так чтобы блок
three, вложенный в
two, был поверх
one.
Попробовал указать
z-index: -1 для блока
two - так родительский блок
one выводится поверх
two и
three.
#one, #two, #three {position: absolute;}
#one{
width: 400px;
height: 70px;
background-color: black;
}
#two{
width: 200px;
height: 140px;
background-color: blue;
z-index: -1;
}
#three{
top: 20px;
width: 300px;
height: 100px;
background-color: red;
}
