国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

HTML中通過CSS設置背景圖片自適應瀏覽器大小

2024-07-11 08:20:16
字體:
來源:轉載
供稿:網友

 <div id="formbackground" "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" "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>

上面這個才對!

 
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平乡县| 玉环县| 习水县| 德化县| 崇明县| 平遥县| 哈密市| 德保县| 平阳县| 定安县| 内江市| 靖边县| 宁夏| 乌兰浩特市| 韶山市| 英德市| 金川县| 新宾| 江口县| 呼和浩特市| 昆山市| 卓尼县| 扎赉特旗| 方山县| 茌平县| 海口市| 昭通市| 行唐县| 宽甸| 万源市| 榆中县| 深圳市| 潜江市| 阿巴嘎旗| 呼图壁县| 越西县| 札达县| 龙江县| 岳阳市| 东山县| 固阳县|