文章詳情頁
前端 - 移動端頁面如何實現背景圖在沒有內容時在一屏顯示?
瀏覽:173日期:2024-05-19 17:28:17
問題描述
一個內容詳細頁面底部的背景中有個圖片,如果內容多的話(文字超過一屏)背景就會順利展示,如果文字少的話就撐不起來這個背景。我只好設置這個頁面最小為一屏高度
<html><head></head><body><p class='container-show'></p></body></html>html,body{height:100%;}.container-show{min-height:100%}
我的所有頁面都是用的一個css文件,直接把html,body{height:100%;}放到css文件中,會不會影響的其他頁面?有沒有更好的方法?
問題解答
回答1:我問一下樓主,你是指要背景只能一頻?即假設內容有兩屏,背景也只能一屏?那多出來的那一屏怎么辦?默認為灰色?如果確實要這樣的效果,你可以定位一個p(和你的.container同級),然后設置min-height:100%;position:absolute;background:url() no-repeat;z-index-10;就可以了,那個背景永遠只有一屏,無論你的內容有多少
回答2:可以通過js獲取窗口高度來設置p高度。
var H = $(window).height();$(’.H’).css(’min-height’,H+’px’);
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?4. javascript - 移動端上不能實現拖拽布局嗎?5. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~6. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化7. 配置Apache時,添加對PHP的支持時語法錯誤8. 實現bing搜索工具urlAPI提交9. phpstudy8.1支持win11系統嗎?10. javascript - nodejs關于進程間發送句柄的一點疑問
排行榜

網公網安備