如何將背景圖像拉伸爲整頁，以及不同高度的頁面？

我有這樣的形象「忽略圖像的頂部的紅線」 enter image description here 如何將背景圖像拉伸爲整頁，以及不同高度的頁面？

，我想這個形象是我的html頁面的背景是白色的開頭，並以藍色結束，所有我要的是：使用CSS在後臺基於頁面高度拉伸這個圖像，例如在一些頁面中，頁面高度變成2000px，在瀏覽器中滾動，並且一些頁面高度爲1000px，我需要所有頁面使用相同的背景圖像，並且只是用css拉伸它。

我想這在所有瀏覽器上運行，包括IE 7,8,9

什麼，我試圖做的是：

div.fullscreen 
{ 
    display: block; /*set the div in the top-left corner of the screen*/ 
    /*set the div in the top-left corner of the screen*/ 
    position:absolute; 
    top:0; 
    left:0; 
    width: 100%; 
    height: 100%; 
    background-image: url("../images/landingpage_bg.png"); 
    background-repeat: repeat-x; 
}

但它沒有伸展良好。

來源

2012-06-21 Amr Elgarhy

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-repeat: repeat-x; 
}

希望這有助於

來源

2012-06-21 19:06:16

只有1路，是裁剪你的PIC，把它的背景下與重複-x和使用邊框頂部的身體\ HTML，或者任何你會使用爲你的圖片

來源

2012-06-21 19:40:11 Avdept

你可以給一個示例代碼來了解更多？ –

對不起，沒有看到圖像上的紅色邊框不在頂部。那麼它唯一的一種方式來減少圖像的紅色邊框。然後把它作爲背景：背景：url（「圖片」）左下角重複-x。並創建邊框底部的div，爲您的紅色邊框 – Avdept

忽略此邊框 –

如何將背景圖像拉伸爲整頁，以及不同高度的頁面？

回答

相關問題