<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>全屏的渐变背景</title>
</head>
<style>
*{margin: 0;padding: 0;}
.test{
width:100%;
height: 500px;
background:-webkit-linear-gradient(top,#3048b6,#ffcdd6);
background:-webkit-gradient(linear, 0 0, 100% 100%, from(#ffcdd6),to(#3048b6));
background:-webkit-linear-gradient(-135deg, #e87715, #fba860);
}
</style>
<body>
<div class="test"></div>
<script src="scripts/jquery-1.7.1.min.js"></script>
<script>
$('.test').css('height',$(window).height());
</script>
</body>
</html>