CSS线性渐变

 /*CSS线性渐变*/
             FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f1f1f1); /*IE*/
             background:-moz-linear-gradient(top,#ffffff,#f1f1f1);/*火狐*/
             background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f1f1f1));/*谷歌*/
             background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #ffffff),color-stop(1, #f1f1f1));/* Safari & Chrome*/
             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f1f1f1'); /*IE6 & IE7*/
             -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f1f1f1')"; /* IE8 */ 

有时间在写解释！

/*CSS3渐变*/

background-color: #fdfdfd;
background-image: -webkit-linear-gradient(#fdfdfd,#f6f6f6);
background-image: linear-gradient(#fdfdfd,#f6f6f6);