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);