国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

上面這個才對!

 
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 渭南市| 罗平县| 利川市| 宜章县| 镇原县| 谢通门县| 临安市| 郴州市| 泽州县| 玉溪市| 云南省| 青浦区| 津南区| 浑源县| 张家港市| 金乡县| 台北县| 合水县| 龙里县| 天门市| 伊川县| 迁安市| 颍上县| 辰溪县| 平塘县| 元氏县| 山东| 定州市| 英吉沙县| 志丹县| 杂多县| 陆河县| 阳谷县| 南充市| 临安市| 三原县| 广灵县| 嵊州市| 新干县| 双牌县| 马公市|