html - CSS - 具有固定 Div 的背景图像

Question

我从这段代码开始。结果如预期，我有一个图像作为我的第一个 div 的背景，它占据了整个空间。

<div id="Page1"></div>

<style>
    height: 100vh;
    background-image: url("/someImageLink");
    background-size: 100vw 100vh;
</style

一切都很好，现在我要补充...

position: fixed;
bottom: 0;
right: 0;

...在 CSS 中。现在背景图片完全消失了。

是否可以使用 <img>做与 css background-image 相同的事情，还是让它剪辑而不变成空白？

附加信息:我想要连续几个这样的 div。它们会根据需要出现和消失。

div 中将有按钮和文本。

Answer 1

您的 div 没有宽度。现在有必要添加一个，因为您已将其 position 从 static 更改为 fixed