背景圖片自適應瀏覽器大小 之前在網上看到的一個小技巧,記錄一下:背景圖片鋪滿屏幕並且可以隨著瀏覽器進行自適應,代碼如下: <body <div style="position:absolute; width:100%; height:100%; z index: 1" <img s ...
背景圖片自適應瀏覽器大小
之前在網上看到的一個小技巧,記錄一下:背景圖片鋪滿屏幕並且可以隨著瀏覽器進行自適應,代碼如下:
<body>
<div style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
</body>
標註:有一點需要註意,有可能直接使用了這段代碼後瀏覽器會出現滾動條。這種情況下需要看是不是預設body的padding margin設置是否為0 ,需要設為0才不會出現滾動條,真正達到鋪滿自適應