讓背景圖像“拉伸以適應”我的頁面背景

Question

我有一個想用作背景圖像的圖像，但是我需要將它的高度拉伸到從頁眉到頁腳的100％，然后我可以刪除背景顏色：黑色; 在它背后使它完美。

有沒有辦法做到這一點？ 目前我正在嘗試使用這個CSS：

#wrapper .bg{
    background: url(../images/sky.png) no-repeat; 
    position:absolute; 
    top:0;
    left:0;
    width:100%; 
    height:100%;
    display:block;
    z-index:-1;
}

這最終會在圖像和頁腳之間留下一些空間，我估計的數量與圖像不在那里相同。

Answer 1

如果您不支持舊瀏覽器，則可以使用css3來實現此目的。

body {
  background-image: url(myimage.png);
  background-size: cover;
}

Answer 2

不，您需要做的是在體內添加圖像標簽並將高度設置為100％。 使用CSS應用任何z-index調整，使其保留在您的內容之后。