如何在整頁上製作背景圖片？

Question

我嘗試設置背景圖像body像爲：

body { 
 
     background: url("http://beerhold.it/1024/800") center bottom; 
 
     z-index: 10; 
 
     height: 100%; 
 
     background-repeat: no-repeat; 
 
     background-size: cover; 
 
}

但只有部分

Answer 1

不要ü使用高度它顯示的圖像：100％。這個高度基於內容的高度。不是一個parrent塊。

body { 
 
    background: url("http://beerhold.it/1024/800") center bottom; 
 
    z-index: 10; 
 
    min-height: 100vh; 
 
    background-repeat: no-repeat; 
 
    background-size: cover; 
 
    margin: 0; 
 
}

Answer 2

添加到您的代碼

background: url("http://3ksks.com/pic.jpg"); 
 
background-size: 100% auto;

Answer 3

html { 
    height: 100%; 
} 

添加這一點。默認情況下，除非您設置HTML

Answer 4

body { 
    background: url("http://beerhold.it/1024/800") center bottom; 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
    background-size: cover; 
}