支持IE浏览器的渐变效果

<div class="gradient">支持ie浏览器</div>

css部分

.gradient{  width:300px; height:150px;filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=yellow,endcolorstr=red,gradientType=1);
 -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=yellow,endcolorstr=red,gradientType=1);
background:-webkit-linear-gradient(left,yellow,red);}

<div class="gradient">支持ie浏览器</div>

效果图：