title: Semi-transparent color layer over background-image?
body: <p>I have a DIV and I would like to put a pattern as background. This pattern is gray. So to make it a little more nice, I would like to put a light transparent color "layer" over. Below is what I tried but which did not work. Is there a way to put the colored layer over the background image? </p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>background: url('../img/bg/diagonalnoise.png');
  background-color: rgba(248, 247, 216, 0.7);
  </code></pre>