title: White overlay over an image
body: <p>Hi i am aware that you can add a greyscale filter on an image, but would it be possible for a white overlay using the filter setting. I have to do it through css without the need for another div, to be absolute positioned over the image, with a white background and opacity setting changed. Just a simple image within a a tag:</p>
  
  <pre><code>&lt;a href="#"&gt;
       &lt;img src="http://placehold.it/300x200" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>css is basic</p>
  
  <pre><code>a img{
       display:block;
       max-width:100%;
       height:auto
  }
  </code></pre>