title: CSS image overlay with color and transparency
body: <p>I am trying to figure out if I can add an overlay to an image like a tint and change the opacity without adding background color. I had no luck so I thought I would ask here.<br>
  <strong><em>I would like to make it red with that opacity.</em></strong> here is what I have so far.  </p>
  
  <p>I made an image to overlay it if I have to called overlay.png but don't know  if its necessary.</p>
  
  <pre><code>img.highlighted {
     opacity:0.4;
  }
  </code></pre>
  
  <p>Basically I want to do this but reverse, for image to tint when hovered not to take the tint away when hovered.<br>
  check it out here<br>
  <a href="http://jsbin.com/igahay/3011/edit">http://jsbin.com/igahay/3011/edit</a></p>