CSS-防止背景图像在缩小时移动

Question

以下是针对我的情况的代码。

当前，当我滚动时，背景图像会变小。我不想重复。我只是希望它在滚动时保持在原位。

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: url("/img/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
}

Answer 1

您体内可能需要background-size:cover

Answer 2

使用此代码

在身体中使用

background-size: cover;

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: url("/img/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
}