在網頁佈局時我們經常會遇到這樣的問題:圖片的分辨率是1024*768,在1024*748的屏幕上能顯示完整,一旦在800*600的屏幕上是就顯示不完整,爲了讓圖片的大小能適應不同的分辨率,可以這樣來設置背景:
<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; ">
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="包囊.png" />背景圖片的驗證
</div>
這裏需要提出幾點:
1.<img/>的z-index爲-1,其實也就相當於一個背景的設置;
2.width height設爲100%是解決問題的關鍵;