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.