title: Transparent color over image without wrapper
body: <p>I am trying to add a semi-transparent color layer to the top of an image for the background of a div. I have tried the following:</p>
  
  <pre><code>background: url('myImage.jpg'), rgba(0,0,0,0.5);
  </code></pre>
  
  <p>Also</p>
  
  <pre><code>background-image:url('myImage.jpg');
  background-color:rgba(0,0,0,0.5);
  </code></pre>
  
  <p>But in both cases just the image shows up. I know I could wrap this div in another div with the color, but is there any way I could do it all in a single div?</p>