title: How to make background-image with linear-gradient work on IE 11?
body: <p>Any idea how I can make <code>background-image</code> with <code>linear-gradient</code> to work on IE 11?</p>
  
  <p>The following code works fine on IE 10 but doesn't work on IE 11.</p>
  
  <pre><code>background-image: url(IMAGE), -ms-linear-gradient(top, #ffffff, #BEE38F);
  </code></pre>
  
  <p>I can make <code>linear-gradient</code> to work on IE 6-9, 11 using the following <code>filter</code> but background image is not displayed in this case.</p>
  
  <pre><code>filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BEE38F',GradientType=0 )
  </code></pre>
  
  <p>I'm open to an ideas.</p>
  
  <p><strong>Update:</strong> Here's the code I currently have.</p>
  
  <pre><code>background-image: url(IMAGE), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#BEE38F));
  background-image: url(IMAGE), -webkit-linear-gradient(top, #ffffff, #BEE38F);
  background-image: url(IMAGE), -moz-linear-gradient(top, #ffffff, #BEE38F);
  background-image: url(IMAGE), -ms-linear-gradient(top, #ffffff, #BEE38F);
  background-image: url(IMAGE), -o-linear-gradient(top, #ffffff, #BEE38F);
  background-image: url(IMAGE), linear-gradient(to bottom, #ffffff, #BEE38F);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#BEE38F',GradientType=0 );
  </code></pre>