Могу ли я переопределить наследование z-index из родительского элемента?

Есть ли способ переопределить наследование z-index из родительских элементов при использовании абсолютной позиции. Я хочу, чтобы 2222 div был на вершине 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>

Я не могу изменить z-индекс делений 0000 или 1111, и я пытаюсь поместить свой элемент 2222 относительно элемента 1111.

Ответ 1