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

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

尝试使用

background-size: cover; 

请参阅MDN documentation

  

[...]封面，指定背景图像应缩放到尽可能小，同时确保其尺寸大于或等于背景定位区域的相应尺寸