CSS3线性渐变 - 爱码网

万恶的IE！！！
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"> 
        .linear{ 
        width:100%; 
        height:600px; 
        
        background:-moz-linear-gradient(top,#15A216,#fafafa);/*火狐*/ 
        background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#15A216), to(#fafafa));/*谷歌*/
        filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); /*IE*/ 
        background:-ms-linear-gradient(top,#15A216,#fafafa);
        background:filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=\'#15A216\', endColorstr=\'#fafafa\'); /*IE6 & IE7*/ 
        background:-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=\'#15A216\', endColorstr=\'#fafafa\')"; /* IE8 */ 
        }
</style> 
</head> 
<body> 
    <div class="linear"></div> 
</body> 
</html>