Question

我想在背景上放几个图像。关键是当您向下滚动以查看其他图像时。现在，当我填满页面时，图像正在拉伸，不需要这样做。大多数答案都包含javascript，但我不知道。

Answer 1

我会根据目的将几节/格添加到您的身体，使其高度等于图像高度。然后，设置每个部分/格的背景图像。 HTML：

<body>
  <section id="section-1"></section>
  <section id="section-2"></section>
  <section id="section-3"></section>
</body>

CSS

#section-1 {
  height: [image 1 height];
  background-image: url([yourimage1url]);
  background-repeat: no-repeat;
  background-size: cover;
}
#section-2 {
  height: [image 2 height];
  background-image: url([yourimage2url]);
  background-repeat: no-repeat;
  background-size: cover;
}
#section-3 {
  height: [image 3 height];
  background-image: url([yourimage3url]);
  background-repeat: no-repeat;
  background-size: cover;
}

背景图片？

1 个答案: