背景图片设置

时间:2021-12-10 00:53:24

  直接在BODY中设置背景图片的话,如果用户分辨率不同的话,是无法自动缩放的,会裁切掉一部分,可以通过一个绝对定位的DIV来放背景图:

html,body{

margin:0 auto;
width:100%;
padding :0 auto;
height:100%;
font-family: Tahoma;
}
.back_img{
position:absolute;
z-index:-1;
height:100%;
width:100%;
top:0px;
left:0px;
}

<div class="back_img">
<img src="url" height="100%" width="100%"/>
</div>

这样放一张大图的话,如果分辨率不同,也会显示完整的图片。