css - 拉伸(stretch)以适应 CSS 中的背景

Question

我正在尝试拉伸(stretch)图像以适应整个背景，到目前为止我已经尝试过这段代码，但它只是垂直重复，这是我不想要的。

body {
    margin: 0;
    border: 0;
    background-image: url(/images/bg.jpg);
    background-size: cover;
    background-position: center;
}

Answer 1

尝试使用

background-image: url("/images/bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;

可以缩写为

background: url("/images/bg.jpg") no-repeat fixed center;
background-size: cover;