title: CSS z-index not working as expected with angular animation
body: <p>I'm trying to implement a drag and drop in my application and want to identify the drop zones with text that will disappear when an item is added. For aesthetics I would like to use animate.css's bounce in animation when adding items and fade the text in and out as necessary, however I cannot seem to arrange it so the background text does not interfere with the position of the added/removed elements.</p>
  
  <p><a href="http://plnkr.co/edit/B1WPqWsjtUzFDis3Xi5A?p=preview" rel="nofollow">This plunk illustrates the issue</a></p>
  
  <p>Any ideas on how to fix this sort of problem? I can't find a way to have the z-index respected. My only idea was to have the text set as the background image for the drop zones, but it feels like there must be a better way.</p>