IE8中的渐变

Question

这是我的css（对于此渐变，代码是从colorzilla复制的）。没什么特别的。如果我删除所有渐变部分并保持纯色，彩色条纹在IE8中呈现就好了。但是渐变没有显示（在chrome中一切看起来都是正确的）。如何解决这个问题？ Thnks。

.hdr:after {
   content: " ";
   display: block;
   position: absolute;
   min-width: 960px;
   left: 0;
   right: 0;
   bottom: 0;
   height: 3px;
   background: #e7eff3;
   background: -moz-linear-gradient(left, #e7eff3 0%, #1d667a 50%, #e7eff3 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e7eff3), color-stop(50%, #1d667a), color-stop(100%, #e7eff3));
   background: -webkit-linear-gradient(left, #e7eff3 0%, #1d667a 50%, #e7eff3 100%);
   background: -o-linear-gradient(left, #e7eff3 0%, #1d667a 50%, #e7eff3 100%);
   background: -ms-linear-gradient(left, #e7eff3 0%, #1d667a 50%, #e7eff3 100%);
   background: linear-gradient(to right, #e7eff3 0%, #1d667a 50%, #e7eff3 100%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e7eff3', endColorstr='#e7eff3', GradientType=1);
   -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7eff3', endColorstr='#e7eff3',GradientType=1 )';
}