html5+css3实现整屏上下滚动背景相对于浏览器窗⼝定位:fixed;
1.HTML>body  结构:
1<div id="content">
2<div class="side div1"></div>
3<div class="side div2"></div>
4<div class="side div3"></div>
5<div class="side div4"></div>
6</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;}
html如何设置图片滚动.div2{background: url(img1/2.jpg)center fixed;}
.div3{background: url(img1/3.jpg)center fixed;}
.div4{background: url(img1/4.JPG)center fixed;}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。