css ie 滤镜多颜色渐变

发布网友发布时间：2022-04-26 08:22

共1个回答

热心网友时间：2022-04-06 13:45

#gradient {
/* Firefox*/
background-image: -moz-linear-gradient( top, #81a8cb, #4477a1 );
/* Safari & Chrome */
background-image: -webkit-gradient(linear , left bottom , left top , color-stop( 0, #4477a1 ) ,
color-stop( 1, #81a8cb ));
/* IE6 & IE7 */
filter: progid:DXImageTransform.Microsoft.gradient( GradientType= 0 , startColorstr = '#81a8cb',
endColorstr = '#4477a1' );
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#81a8cb',
endColorstr = '#4477a1' )";
}

文档上只提供2个颜色，所以我们也拿它没办法。但是想提醒一下，使用渐变无论哪个浏览器对其性能都是影响很大的。fixed 圆角投影渐变这是最影响浏览器性能的几个css属性

追问影响浏览器性能?
不太懂，具体是哪方面，是耗费CPU吗？

追答是的，配置差的会卡顿都有可能。所以并不建议去使用这些，能少用则少用

css ie 滤镜 多颜色 渐变

css ie 滤镜多颜色渐变