点评:DIV背景色渐变在以前的文章中也有介绍过,但并没有同时兼容IE、火狐、谷歌,而本文的这个示例却可以同时兼容,建议喜欢的朋友参考下
WRRHTML5中文学习网 - HTML5先行者学习网
<style type="text/css"> WRRHTML5中文学习网 - HTML5先行者学习网
.linear{ WRRHTML5中文学习网 - HTML5先行者学习网
width:100%; WRRHTML5中文学习网 - HTML5先行者学习网
height:600px; WRRHTML5中文学习网 - HTML5先行者学习网
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/ WRRHTML5中文学习网 - HTML5先行者学习网
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ WRRHTML5中文学习网 - HTML5先行者学习网
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/ WRRHTML5中文学习网 - HTML5先行者学习网
} WRRHTML5中文学习网 - HTML5先行者学习网
</style> WRRHTML5中文学习网 - HTML5先行者学习网
<body> WRRHTML5中文学习网 - HTML5先行者学习网
<div class="linear"></div> WRRHTML5中文学习网 - HTML5先行者学习网
</body> WRRHTML5中文学习网 - HTML5先行者学习网