css如何使body背景圖片適合所有大小寬度的屏幕

在網頁佈局時我們經常會遇到這樣的問題:圖片的分辨率是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%是解決問題的關鍵;


轉自:http://blog.csdn.net/ysf871104/article/details/5705099

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章