本文详细介绍了一种使用CSS来创建从浅灰到橙色的线性渐变背景效果的方法，兼容多种浏览器，包括IE、Firefox、Chrome等，并提供了详细的代码示例。
.linear{
width:100%;
height:100%;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FAFAFA,endColorStr=#FFC800); /*IE*/
background:-moz-linear-gradient(top,#FAFAFA,#FFC800);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FAFAFA), to(#FFC800));/*谷歌*/
background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #FAFAFA),color-stop(1, #FFC800));/* Safari & Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#FFC800'); /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FAFAFA', endColorstr='#FFC800')"; /* IE8 */
background: -ms-linear-gradient(top,#FAFAFA ,#FFC800); /* IE11 */
}
效果图：
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
