title: Make Triangle shape over a div
body: <p>Can someone tell me how I can present my users with a triangle over the background image. I want to make a triangular UI. For that I'm masking two images(one background.jpg and masking image, triangle.png). I'm using this new image in my a div's background. I have accomplished this using <a href="http://verens.com/2011/08/25/jquery-maskimage-plugin/" rel="nofollow noreferrer">MaskImage</a>.</p>
  
  <p><img src="https://i.stack.imgur.com/q9kEN.png" alt="Resulting image"></p>
  
  <p>But the problem is that the size of my background image changes but the size of triangle.png is fixed. I have also tried using linear-gradient, css property. but it is not working in IE. So is there any plugin which mask two images irrespective of there sizes. or any other optimal way to achieve my goal. </p>
  
  <p>Thanks in advance :)</p>