CSS线性渐变 

1 /*CSS线性渐变*/
2             FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f1f1f1); /*IE*/ 
3             background:-moz-linear-gradient(top,#ffffff,#f1f1f1);/*火狐*/ 
4             background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#f1f1f1));/*谷歌*/ 
5             background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #ffffff),color-stop(1, #f1f1f1));/* Safari & Chrome*/ 
6             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f1f1f1'); /*IE6 & IE7*/ 
7             -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);

posted on 2016-05-19 08:44  ruoyuting  阅读(156)  评论(0)  编辑  收藏  举报

导航