纯CSS的颜色渐变效果

本例展示了一个纯css渐变的效果、其兼容IE6以上浏览器等各主流浏览器：

案例效果：查看演示

代码如下：

css：

*{margin:0;padding:0;}
.linear{ 
width:100%; 
height:600px; 
background:-moz-linear-gradient(top,#15A216,#fafafa);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*谷歌*/ 
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #15A216),color-stop(1, #fafafa));/* Safari & Chrome*/ 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/ 
} 

body:

<div class="linear"></div>