html - IE8 before element with absolute child -

I found a div, a: first element and internal element. Everything is fine, except for an internal element, works fine, complete .

Using z-index, it is possible to position the full element behind the first element. It does not work in IE8, as has been posted. As mentioned in that post, anybody can use the status: relative to fix the problem. But as my element is already posted in complete , there is no way I can do this. So what can I do to fix it?

I'm making a bela to show my problem (for IE8, go here because JSFDial no longer supports IE8).

---

Edit: has changed the link, as Paul ED said that my fleet was wrong + photo see the difference Normally, the Z-index is low, but if IE8 refuses to do so, then normal browsers should be : first- The element gets the yellow full element behind the .

Post-text "itemprop =" text ">

I understood it when the yellow element is given a negative z-index, then this parent has a positive z-index and : First-element high z-index, : first-element stack, see also the highest form of IE8:.

Notice the difference between information and P P still has stacks above : first-element in IE 9 because there is no negative z-index in it.

---

More global To be: After much effort and error, came to understand that Shadow Dom is always kept less than the children in IE8.

An example:

 < Code> 
 and : after : / div>: after    
 :  Responded less than resp # Child 1 and # Child 2 Anyone can decide to apply the following CSS:  
  #parent {status: relative; Z-index: 2} # spinach: first {status: absolute; Z-index: 3; ...} # Parents & gt; * {Status: relative; Z-index: -1}