溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
第一種方法：
1、給外層div容器設置背景圖片
2、監聽鍵盤彈出事件，彈出時調整容器的高度以適應背景圖片
<body onresize="windowSizeChange();">
var oglHeight = document.querySelector("body").offsetHeight;
var windowSizeChange = function() { //彈出鍵盤時調整頁面的高度，防止背景圖片被擠壓出空白區域
var tempHeight = document.querySelector("body").offsetHeight;
if(tempHeight == oglHeight) {
console.info("屏幕鍵盤隱藏");
document.getElementById('content').style.height = "100%";
} else {
console.info("鍵盤顯示");
document.getElementById('content').style.height = "390px";
}
};
第二種方法：
背景固定，使用:before
body:before {
content: "";
position: fixed;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../../p_w_picpaths/10.jpg) center 0 no-repeat;
background-size: cover;
}
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
