¿puedo anular la herencia del índice Z desde el elemento padre?

Question

¿Hay alguna manera de anular la herencia del índice Z de los elementos principales al usar la posición absoluta? Quiero 2,222 div a estar en la cima 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 z-index de 0000 o 1111 divs y estoy tratando de posicionar mi 2222 elemento con respecto al elemento 1111.

Answer 1

Creo que el índice z es relativo al elemento posicionado más cercano. Por lo tanto, si tuviera dos divisiones dentro del div "1111", podrían estar indexadas en z relativas entre sí, pero como 2222 es hijo de 1111, no se puede indexar en z relativo a 0000, y siempre estará sobre 1111.