html5+css3实现整屏上下滚动

背景相对于浏览器窗口定位：fixed；

1.HTML>body  结构：

<div id="content">
        <div class="side div1"></div>
        <div class="side div2"></div>
        <div class="side div3"></div>
        <div class="side div4"></div>
    </div>

2.css样式：

*{margin:0;padding:0;}
        html, body{width:100%;height:100%;}
        #content{height: 100%;background:red;}
        .side{width:100%;height:100%;}
        .div1{background: url(img1/1.JPG)center fixed;}
        .div2{background: url(img1/2.jpg)center fixed;}
        .div3{background: url(img1/3.jpg)center fixed;}
        .div4{background: url(img1/4.JPG)center fixed;}