<div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1"> <img style="position:fixed;" src="http://a.lanyes.org/bg1.jpg" height="100%" width="100%" /> </div>
在制作頁面CSS樣式的時候,一個好看絢麗的效果背景圖片是少不了的,為了考慮到每個訪客 用戶的分辨率大小都不相同,我們會選擇使用可以平鋪的顏色代碼或者小圖片作為背景,那么如何讓一張高清大圖作為背景,不論訪客用戶的分辨率大小如何,都會 自動拉伸顯示呢,開始對於這個問題我也苦惱,在網上逛了一圈咨詢了朋友,從中找到了讓背景圖片自適應瀏覽器窗口大小而自動拉伸的代碼,分享給有需要的朋 友,只需將以下代碼復制到頁面<body>標簽下面即可實現,當然了如果你的大圖超大放到空間里面下載很慢,你可以把圖片放到百度開發中心 BAE里面去,就如我站現在的這些大圖都是放在BAE里面托管的。如果使用加入此代碼后,請取消CSS樣式中body標簽處的背景樣式,另外此效果不支持 IE6瀏覽器。