在制作頁面CSS樣式的時候，一個好看絢麗的效果背景圖片是少不了的，為了考慮到每個訪客用戶的分辨率大小都不相同，我們會選擇使用可以平鋪的顏色代碼或者小圖片作為背景，那么如何讓一張高清大圖作為背景，不論訪客用戶的分辨率大小如何，都會自動拉伸顯示呢，開始對于這個問題我也苦惱，在網(wǎng)上逛了一圈咨詢了朋友，從中找到了讓背景圖片自適應(yīng)瀏覽器窗口大小而自動拉伸的代碼，分享給有需要的朋友
只需將以下代碼復(fù)制到頁面<body>標(biāo)簽下面即可實現(xiàn)，當(dāng)然了如果你的大圖超大放到空間里面下載很慢，你可以把圖片放到百度開發(fā)中心BAE里面去，就如我站現(xiàn)在的這些大圖都是放在BAE里面托管的。
如果使用加入此代碼后，請取消CSS樣式中body標(biāo)簽處的背景樣式，另外此效果不支持IE6瀏覽器。
<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1">
<img style="position:fixed;" src="http://xxxx.com/bg.jpg" height="100%" width="100%" />
</div>
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請聯(lián)系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權(quán)所有
