首先这是我的设计图,以便于理解:
我正在尝试创建显示在图像顶部的中心内容,尽管当我将带有背景色的 div 添加到我的 html 中只是为了测试它们的位置时,我没有看到任何变化上图。我想知道它们是否出现在图像下方或图像后面,尽管我更改了 z-indexes 但没有成功。
非常感谢任何帮助,谢谢。
最佳答案
如果您谈论的是第一个图像中包含 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;
}
关于javascript - 如何使 div 出现在背景图像上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42177361/