为了达到所有浏览器的兼容性,采用一下方式来设置背景色。
<html>
<head><style type="text/css">
.test{
width:100%;
height:300px;
background: -ms-linear-gradient(top, #fff, #000);IE10
background:-moz-linear-gradient(top,#fff,#000);火狐
background: -webkit-linear-gradient(top, #fff, #000);Safari5.1,Chrome 10+
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#green));Chrome
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(red));Safari 4-5, Chrome 1-9
background: -o-linear-gradient(top, #fff, #000);Opera 11.10+
}
</style>
<body>
<div class="test">
</div>
</body>