背景圖片自適應分辨率瀏覽器大小自動拉伸全屏代碼


<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瀏覽器。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM