html - 如何用css令背景圖能夠撐滿本身會滾動的頁面？

問題描述

使用height:100%和background-size:100%的話只是屏幕可見區域撐滿,如何能夠讓滾動到下方區域也能夠撐滿？補充一下是移動端的，并且背景圖需要同時滾動，樓下的cover方法試過還是不行

問題解答

試試用css3這個屬性background-size:cover，默認自適應屏幕，會拉伸圖片。補充：如果是移動端的話如：已測試，手機可以查看效果-鏈接：http://yulei521.github.io/input_autofocus/background.html

background-attachment:fixed;固定背景圖片，這樣在你滾動時，圖片不會動！

有很多種方法都可以實現 除了樓上兩位的方法 還有一個最簡單的position:fixed

這樣可以實現，已經測試過過，不過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;}