<html>
<head>
<title></title>
<style type="text/css">
.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-p_w_picpath: -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 */
}
</style>
</head>
<body class="linear">
<div> </div>
</body>
</html>
效果图: