css - 需要帮助垂直拉伸背景图像

Question

我有一个看起来像这样的背景：

如您所见，它没有完全拉伸。所以我希望它涵盖所有内容。

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%;

我到处都是深绿色。

Answer 1

try to use

background-size: cover; 

See MDN documentation

[...] cover, which specifies that the background image should be scaled to be as small as possible while ensuring both its dimensions are greater than or equal to the corresponding dimensions of the background positioning area.