<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1"> <img src="pictures/background.jpg" height="100%" width="100%"/> </div>
這個上面是通用一般的寫法
意思就是在你想設置背景的DIV中,添加以上代碼,把這個DIV設置為底層,你的其他內容會浮在這個DIV上面,修改你的img src路徑就可以了。
但是對于很多瀏覽器來講還是有問題,因為它預知你的瀏覽器是一個,如果用戶接了個擴展顯示器,就是有2個或者3個顯示器,怎么搞?這特么的肯定不對啊,height="100%"這個是根據你的屏幕分辨率來的,不是你的瀏覽器的大小
所以我們要引入JS,最簡單的就是用jquery了
調整為如下代碼:
<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>
上面這個才對!
新聞熱點
疑難解答