CSS给网页添加背景 铺满屏幕
会有这样的铺背景的要求:
- 当页面长度大于窗口长度的时候,背景需要和页面长度一样长
- 当页面长度小于窗口长度的时候,背景需要和窗口长度一样长
总之就是看见的地方都要有背景
在html的body中定义一个背景块
<div class="back">
</div>
在css中,把这个背景块设置为绝对定位,并且把高度和宽度都设置为100%即可。
.back{
position:absolute;
z-index:-1;
width:100%;
height:100%;
background-image: url(xxx.jpg);
}