方法一:
設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" ><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
方法二:
background屬性有個background-size屬性,可以設置背景圖片所占div的比例,可以拉伸或收縮。
如果想在整個窗口顯示背景圖片,在body屬性加上{background:url(); background-size:100% 100%;}
這時能看到,整個背景圖片顯示在窗口中,且隨着你的放大縮小可以拉伸。
另外加上自己的box-sizing屬性的補充:box-sizing只影響元素和其padding,跟背景顏色一樣,背景顏色之在元素與其padding內顯示。