javascript - 如何使 div 出现在背景图像上

Question

首先这是我的设计图，以便于理解:

我正在尝试创建显示在图像顶部的中心内容，尽管当我将带有背景色的 div 添加到我的 html 中只是为了测试它们的位置时，我没有看到任何变化上图。我想知道它们是否出现在图像下方或图像后面，尽管我更改了 z-indexes 但没有成功。

非常感谢任何帮助，谢谢。

Answer 1

如果您谈论的是第一个图像中包含 map 的 div，那么您需要在 html 中按照以下内容做一些事情:

<div id='header'>
<img src='...'>
</div>

<div id='floater'>
<div id='floatContent'></div>
</div>

然后在你的 css 中，类似以下内容:

.header{
position: fixed;
width: 100%;
}
.floater{
position: absolute;
margin: auto;
}