¿Cómo colocar un div padre encima de su hijo?
Tengo un contenedor div y tienebackground-color: red;
. Hay alrededor de 12 niños en este contenedor, y el último niño tienebackground-color: blue;
. Traté de mover el contenedor a la parte superior del niño conbackground-color: blue
. Utilicé un índice z más alto para el contenedor, pero todavía está detrás del niño.
.no1 {
width: 800px;
height: 300px;
background-color: red;
position: relative;
z-index: 999;
}
.no2 {
position: relative;
width: 500px;
height: 200px;
background-color: blue;
z-index: 1;
}
.no3 {
position: relative;
}
.no4 {
position: relative;
}
.no5 {
position: relative;
}
<div class="no1">
<div>
<div>
<div class="no3">
<div>
<div class="no4">
<div>
<div>
<div>
<div class="no5">
<div class="no2">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>