其实就是个思路的问题,如果单纯的用背景图片,你会发现不是很好实现的。
.mainbox{
position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1;
}
.mainbox>img{
width:100%;
height:100%;
border:0px;
}
<div class="mainbox" >
<img src="__ROOT__/public/images/wdls/bgcomm.png"/>
</div>
就这样,页面其他元素跟mainbox平级就行了,这是个独立的容器,主要下沉了,形成背景图的错觉。
忘记在哪看到了,非常抱歉原作者。