IE浏览器下的渐变背景

background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);（标准）

linear-gradient 在 ie9 以下是不支持的，所以对于 ie6 - ie8 我们可以使用滤镜来解决。如下代码：
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000,endColorstr=#fFF,GradientType=0);
:root {filter:none;}(需要针对 ie9 单独处理滤镜效果)

gradientType=1代表横向渐变
gradientType=0代表纵向淅变。

上面的代码没有透明度变化，如果需要透明度还是使用滤镜
filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)
（1）opacity表示透明度，默认的范围是从0 到 100，他们其实是百分比的形式。0为完全透明 100不透明
（2）finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
（3）style用来指定透明区域的形状特征：
　　0 代表统一形状 
　　1 代表线形
　　2 代表放射状
　　3 代表矩形
（4）startx 渐变透明效果开始处的 X坐标
　　 starty 渐变透明效果开始处的 Y坐标
（5）finishx 渐变透明效果结束处的 X坐标 
　　 finishy 渐变透明效果结束处的 Y坐标

例子：ie下的透明度背景色
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) 
    progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=fff,gradientType=0);

　　

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/6899345.html