css - selectores - ¿Puedo anular la herencia del índice z del elemento padre?

selectores css

Question

¿Hay alguna forma de anular la herencia del índice z de los elementos principales cuando se usa la posición absoluta? Quiero que 2222 div esté encima de 0000 div:

<div style="background-color:green; z-index:10; position:relative">
OOOO
</div>
<div style="background-color:yellow; z-index:5; position:relative">
1111
<div style="position:absolute; background-color:red;
z-index:15; top:-8px; left:20px">
2222
</div>
</div>

No puedo cambiar el índice z de 0000 o 1111 divs y estoy tratando de colocar mi elemento 2222 con respecto al elemento 1111.

Answer 1

Creo que el índice z es relativo al elemento posicionado más cercano. Por lo tanto, si tenía dos divs dentro de la división "1111", podrían tener un índice z con respecto al otro, pero como 2222 es un hijo de 1111, no puede tener un índice z con relación a 0000, y siempre será por encima de 1111.