拉伸以适应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;
}