title: How to fade a background-image to transparency?
body: <p>Here's a related image:
  <img src="https://i.stack.imgur.com/Acped.png" alt="What I want to achieve is on the right."></p>
  
  <p>I want to achieve something like what's pictured on the right side of my image. But I also have a parent container that has a background image of its own, instead of a solid color.</p>
  
  <p>Any advice?</p>
  
  <p><strong>EDIT:</strong> Forgot to add, cross-browser compatibility is important. (Or atleast Firefox).</p>