title: Z-stacking CSS 3 Flex boxes : how to overlay DIVs that are flexbox items?
body: <p>Haven't managed to stack divs when creating a flexbox layout. Either they push each other within the container div, or I have to use <code>"position:absolute"</code> on the overlay which gets the div out of its container context.</p>
  
  <p>z-indices seem to not work at all.</p>
  
  <p>I am using chrome latest version and was expecting this behaviour: <a href="http://dev.w3.org/csswg/css-flexbox/#painting" rel="noreferrer">http://dev.w3.org/csswg/css-flexbox/#painting</a></p>
  
  <p>Here is a plunker with a basic flexbox layout:
  <a href="http://plnkr.co/edit/o2BAwvg3XV4YjwAwwmYR?p=preview" rel="noreferrer">http://plnkr.co/edit/o2BAwvg3XV4YjwAwwmYR?p=preview</a> to illustrate.</p>
  
  <p>You will have to comment/uncomment the positioning in the definition of the <code>.overlay</code> class which is in the css.</p>