|
抬頭語：須合理利用互聯(lián)網(wǎng)資源，只抄襲卻不做深入思考，使讀者誤入歧途的假博主都是賤逼！
1 2 3 | <div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
|
這個(gè)上面是通用的寫法 意思就是在你想設(shè)置背景的DIV中，添加以上代碼，把這個(gè)DIV設(shè)置為底層，你的其他內(nèi)容會(huì)浮在這個(gè)DIV上面，修改你的img src路徑就可以了。 但是對(duì)于很多瀏覽器來講還是有問題，因?yàn)樗A(yù)知你的瀏覽器是一個(gè)，如果用戶接了個(gè)擴(kuò)展顯示器，就是有2個(gè)或者3個(gè)顯示器，怎么搞？這特么的肯定不對(duì)啊，height="100%"這個(gè)是根據(jù)你的屏幕分辨率來的，不是你的瀏覽器的大小
所以我們要引入JS，最簡(jiǎn)單的就是用jquery了 調(diào)整為如下代碼： 1 2 3 4 5 6 7 | <div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
|
上面這個(gè)才對(duì)
不用謝，請(qǐng)叫我雷鋒
|
