background-image: -ms-linear-gradient(right, #0c93C0, #FFF); background-image: -o-linear-gradient(right, #0c93C0, #FFF);
如果要改变角度,请使用top right
代替right
。如果需要水平渐变,请使用left
或right
。
也可以看看:
对于<IE10,您将必须使用:
/*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0);
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";
filter
适用于IE6,IE7(和IE8),而IE8建议使用-ms-filter
(必须加引号)代替filter
。Microsoft.Gradient
可以在以下位置找到更详细的文档
由于您是IE的粉丝,因此我将说明-ms-filter
语法:
-ms-filter: progid:DXImageTransform.Microsoft.Gradient(
startColorStr='#0c93c0', /*Start color*/
endColorStr='#FFFFFF', /*End color*/
GradientType=0 /*0=Vertical, 1=Horizontal gradient*/
);
除了使用RGBHEX颜色之外,还可以使用ARGB颜色格式。表示alpha,FF表示不透明,而00
表示透明。该GradientType
部分是可选的,整个表达式不区分大小写。