title: CSS image mask overlay on background with linear gradient
body: <p>I'm trying to set mask on image where background contains linear gradient generated by browser. Making maks on one filled color is relatively uncomplicated (example: <a href="http://css-tricks.com/webkit-image-wipes/" rel="nofollow">http://css-tricks.com/webkit-image-wipes/</a>).</p>
  
  <p>But when the background is a linear gradient then I don't know how to do it in Internet Explorer 7 and 8 version.</p>
  
  <p>In IE 9 I can use canvas, but IE 7 and 8 do not support canvas. Does anyone have any idea how can I do it? Window, where is the background, can be different sizes and generate linear gradient using CSS (for IE theirs filters).</p>