文章詳情頁
html - 如何用css令背景圖能夠撐滿本身會滾動的頁面?
瀏覽:279日期:2023-07-15 10:19:05
問題描述
使用height:100%和background-size:100%的話只是屏幕可見區域撐滿,如何能夠讓滾動到下方區域也能夠撐滿?補充一下是移動端的,并且背景圖需要同時滾動,樓下的cover方法試過還是不行
問題解答
回答1:試試用css3這個屬性background-size:cover,默認自適應屏幕,會拉伸圖片。補充:如果是移動端的話如:
已測試,手機可以查看效果-鏈接:http://yulei521.github.io/input_autofocus/background.html
background-attachment:fixed;固定背景圖片,這樣在你滾動時,圖片不會動!
回答3:有很多種方法都可以實現 除了樓上兩位的方法 還有一個最簡單的position:fixed
回答4:這樣可以實現,已經測試過過,不過background-size存在兼容方面的問題,在IE6(7|8)上不兼容,具體的你試試
body{background: url(img/Koala.jpg) no-repeat;background-size: cover; }回答5:
body{ background:url(images/a-1.jpg) center no-repeat; background-size:cover;}
標簽:
HTML
相關文章:
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker鏡像push報錯4. 前端 - @media query 使用出現的問題?5. 利用IPMI遠程安裝centos報錯!6. html5和Flash對抗是什么情況?7. node.js - mongodb查找子對象的名稱為某個值的對象的方法8. phpstudy8.1沒集成mysql-front9. html - css氣泡,實現“倒三角(不知道算不算三角了)”可透明的。10. 運行python程序時出現“應用程序發生異常”的內存錯誤?
排行榜

網公網安備