title: can I override z-index inheritance from parent element?
body: <p>Is there any way to override z-index inheritance from parent elements when using absolute position. I want 2222 div to be on top of 0000 div:</p>
  
  <pre><code>&lt;div style="background-color:green; z-index:10; position:relative"&gt;
       OOOO
  &lt;/div&gt;
  
  &lt;div style="background-color:yellow; z-index:5; position:relative"&gt;
       1111
       &lt;div style="position:absolute; background-color:red; 
                   z-index:15; top:-8px; left:20px"&gt;
           2222
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can not change z-index of 0000 or 1111 divs and I am trying to position my 2222 element relative to 1111 element.</p>