css ie 滤镜 多颜色 渐变

html-css07

css ie 滤镜 多颜色 渐变,第1张

#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属性

1：css3中的渐变属性不支持IE678。

2：如果你想要支持css3中有些属性支持IE低版本浏览器，需要到网上找一个插件。

3：这个插件也只不过支持部分新增的css3属性。所以建议你别费这个精力。

4：IE低版本浏览器淘汰是趋势，现在淘宝都将不支持IE8版本。

5：对于以上有什么不理解或者不正确的请追问指正出来，

6：望采纳

你只有个文档类型标签，但是没写类型值，肯定不行的，至少协商html啊，如下

<!DOCTYPE html>

虽然老旧版本的IE的怪异模式的确是很怪异的。