html - 浏览器窗口调整大小时如何避免背景图像平铺

Question

我为标签内的背景图像使用了实际图像，body然后将其修复为具有实际站点的示例

当我在大屏幕上查看背景图像时，像这样

我怎样才能使图像不平铺并保持在实际网站中显示的“单一”。

我正在使用的CSS如下

body {
margin:0; padding:0;
background: url(../images/new.jpg) fixed #A8BFAD;
 }

Answer 1

如果您希望图像保持实际大小：

body {
        background: url(../images/new.jpg) fixed #A8BFAD no-repeat;
    }

如果您希望图像填满屏幕：

body {
    background: url(../images/new.jpg) fixed #A8BFAD;
    background-size: cover;
}

Answer 2

添加background-repeat:no-repeat;到body您的 CSS

body {
  margin:0; 
  padding:0;
  background: url(../images/new.jpg) fixed #A8BFAD;
  background-repeat:no-repeat;
}