Почему z-index: -1; появляются над z-index: 1;?
Объясните это поведение:
<div style="z-index: 1"></div>
<div></div>
<div></div>
<div></div>
div {
position: relative;
background: red;
width: 100px;
height: 100px;
}
div:before {
position: absolute;
background: blue;
width: 100px;
height: 100px;
z-index: -1;
content: "";
left: -5px;
top: -5px;
}
Разница лишь в том, что первый div имеет z-индекс: 1 набор.