有什么方法可以放置所有东西，使物品（例如文本/图片）可以覆盖？
例如：
<body>
<header>
<div class="navbar">
</div>
</header>
<div class="class1">image</div>
<div class="class2">text</div>
<div class="class3">text</div>
</body>
我希望在图像上显示2级文字和3级文字。但是，以这种格式，它们只会出现在图像下方。
我尝试将第2类和第3类放在第1类中
<body>
<header>
<div class="navbar">
</div>
</header>
<div class="class1">image
<div class="class2">text</div>
<div class="class3">text</div>
</div>
</body>
但是，我发现这很麻烦。每当我在第1类中添加新内容时，整个页面都会移动。
即使position: relative; and position: absolute;解决了此问题，如果我尝试在整个页面本身上显示一个元素（在类1之外-移至页面底部），也将不起作用。我正在尝试在整个页面上显示类似这样的内容https://www.w3schools.com/howto/howto_js_alert.asp。
[尝试将position: relative;和警报消息框设置为'position：absolute;`，但这没有做任何事情。有人可以给点建议吗？非常感谢！
我不确定要了解您的需求，但是也许您的需求是这样的：
是的，像这样。
您需要在页面底部设置内容才能尝试解决方案，它用于右下角位置
这对您有意义吗？>