拉伸以适应CSS中的背景

拉伸以适应CSS中的背景,css,Css,我正在尝试拉伸图像以适应整个背景,到目前为止,我已经尝试了这段代码,但它只是垂直重复,这是我不想要的 body { margin: 0; border: 0; background-image: url(/images/bg.jpg); background-size: cover; background-position: center; } 试用 background-image: url("/images/bg.jpg"); background-

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

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

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;

使用此选项,同时请确保将您的路径用引号括起来。':

背景重复:无重复

为了便于将来参考,您可以组合大多数背景属性,如下所示:

型号:

background: <background-color> | <background-image> | <background-repeat> | <background-attachment> | <background-position>

更多信息:

需要添加身高=100%/100vhNice!虽然值得一提的是,我所发布的内容(我相信)是做这件事的标准方式。
body {
    margin: 0;
    border: 0;
    background-size: cover;
    background: url('/images/bg.jpg') no-repeat fixed center;
}