問(wèn)題描述

使用height:100%和background-size:100%的話只是屏幕可見(jiàn)區(qū)域撐滿(mǎn),如何能夠讓滾動(dòng)到下方區(qū)域也能夠撐滿(mǎn)？補(bǔ)充一下是移動(dòng)端的，并且背景圖需要同時(shí)滾動(dòng)，樓下的cover方法試過(guò)還是不行

問(wèn)題解答

試試用css3這個(gè)屬性background-size:cover，默認(rèn)自適應(yīng)屏幕，會(huì)拉伸圖片。補(bǔ)充：如果是移動(dòng)端的話如：已測(cè)試，手機(jī)可以查看效果-鏈接：http://yulei521.github.io/input_autofocus/background.html

background-attachment:fixed;固定背景圖片，這樣在你滾動(dòng)時(shí)，圖片不會(huì)動(dòng)！

有很多種方法都可以實(shí)現(xiàn) 除了樓上兩位的方法 還有一個(gè)最簡(jiǎn)單的position:fixed

這樣可以實(shí)現(xiàn)，已經(jīng)測(cè)試過(guò)過(guò)，不過(guò)background-size存在兼容方面的問(wèn)題，在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;}