title: How to apply linear gradient for IE8
body: <p>Linear gradient works fine for all browsers except IE8.<br>
  I added <code>progid:DXImageTransform.Microsoft.gradient</code>...this did give it some gradient however expected result is different.<br>
  Code:-    </p>
  
  <pre><code>div{
  height:500px;width:500px; 
  background-size: 50px 50px;
  background-color: #DDEEEE;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDEEEE',GradientType=0 );}    
  </code></pre>
  
  <p>How do I make this gradient linear?</p>