您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS3跨浏览器线性渐变

CSS3跨浏览器线性渐变

background-image: -ms-linear-gradient(right, #0c93C0, #FFF); background-image: -o-linear-gradient(right, #0c93C0, #FFF);

所有实验CSS属性都获得一个前缀:

如果要改变角度,请使用top right代替right。如果需要水平渐变,请使用leftright

也可以看看:

对于<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(必须加引号)代替filterMicrosoft.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部分是可选的,整个表达式不区分大小写。

CSS 2022/1/1 18:15:52 有507人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶