2012-09-17 54 views
0

我有一個背景,看起來像這樣:需要幫助拉伸背景圖像垂直

enter image description here

正如你可以看到它沒有完全伸展。所以我希望它涵蓋一切。

body { 
    background-image: url("/site_media/resume/images/bg_main.jpg"); 
    background-color: #c7c7c7; 
    background-repeat: repeat-x; 
    font: 12px/20px; 
    font-family: "lucida Sans Unicode" "Lucida Grande" sans-serif; 
} 

,如果我做

background-size: 100%; 

我到處我只得到深綠色。

+1

你測試過什麼瀏覽器? [background-size](https://developer.mozilla.org/en-US/docs/CSS/background-size)有很好的支持,但只適用於IE9 +,如果你在IE上。 –

回答

2

嘗試使用

background-size: cover; 

參見MDN documentation

[...]覆蓋,它指定了背景圖像應該被縮放,同時確保它的兩個尺寸儘可能小大於或等於背景定位區域的相應尺寸。

+0

由於某種原因,它只給我綠色 – Vor

+0

現在它的作品非常感謝你!讀完鏈接之後,我將bg_image製作得很小,現在一切都很好!謝謝 – Vor