css实现渐变效果

<div style="FILTER:alpha(opacity=30 finishopacity=0 style=1) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); VERTICAL-ALIGN: middle; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 300px; PADDING-TOP: 4px; BORDER-BOTTOM: #f3f3f3 1px solid; HEIGHT: 100px" align="center"></div>
<!--
参数   说明 
gradientType=1代表横向渐变，gradientType=0代表纵向淅变
渐变效果实现：filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
startcolorstr="色彩"代表渐变开头的色彩
endcolorstr="色彩"代表渐变结尾的色彩
         opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。 
         finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。 
        style 指定透明区域的形状特征：
        0 代表统一形状
        1 代表线形
        2 代表放射状
        3 代表矩形 
         startx 渐变透明效果开始处的 X坐标。 
         starty 渐变透明效果开始处的 Y坐标。 
         finishx 渐变透明效果结束处的 X坐标。 
         finishy 渐变透明效果结束处的 Y坐标。
具体效果应用如下：
         CSS滤镜实现 代码 效果拷屏&nb