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背景图像相同的事情，或者让它剪辑而不会变成空白？

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

div中会有按钮和文本。

Answer 1

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