其實就是個思路的問題,如果單純的用背景圖片,你會發現不是很好實現的。
.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平級就行了,這是個獨立的容器,主要下沉了,形成背景圖的錯覺。
忘記在哪看到了,非常抱歉原作者。