css3 - CSS wrapper div's background to cover content -

I have 2 divisions inside a wrapper div and I was wondering whether to bring # wrapper div to the top of the content Is possible for (#outer and #inner).

  & lt; Div id = "wrapper" & gt; & Lt; Div id = "external" & gt; & Lt; Div id = "inner" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 I need to add a transparent background to #Wapper without making any changes to HTML. I have tried to successfully use Z-index without.  
 See this Bela:  
 Any help is greatly appreciated.   
 
 
 like this:  
 = "post-text" itemprop = "text"> 
 >:  is managed after!  #wrapper: After {status: relative; Head: -200px; Left: 0px; material:""; Width: 400px; Height: 200px; Display area; Background: RGBA (255, 0, 0,0.5)}   
 Pseudo elements have been placed above others, and a semi transparent background is applied to it.  
 __  
  Edit:  A slightly different way of doing this - (see comment below) ( Status: Absolute   
  
   
  
 
  
 
 
 
 
 Event: None add;  To do this.  
  
 To work in IE, see, it can help.  < / Div>