在css的多个背景图象

Question

我们可以只使用CSS从上到下依次添加多个背景图像（不是bootstrap，jquery等）吗？Output.jpg is expected design of page with multiple images and scrolling property of page

Answer 1

如果您需要在背景中设置更多图像，则需要将背景设置为分区：

CSS：

#image1 {
     background: url(image1.jpg)
     height: 100%;
}
#image2 {
     background: url(image2.jpg)
     height: 100%;
}

HTML：`

<div id="image1"></div>
<div id="image2"></div>

可能这会有效，但是如果你想要一个滚动属性你需要jQuery，或者你在每个分区的末尾添加一个按钮并将href设置为下一个分区，例如：

<div id="image1">
    <a class="next-page" href="#image2">next-page</a>
</div>
<div id="image2"></div>

告诉我这是否有效