在JavaScript元素顶部覆盖div

我想将一个div（1）和一个背景图像覆盖在另一个div（2）的顶部，该div（2）包含JavaScript（在本例中是GoogleMapsAPI v3）。这可能吗

我试过搞乱z指数，但运气不好，我不能使用绝对定位，因为我依赖div（1）来定位其他div

在这里可以找到一个简单的例子-itgeekgroup.com

试图让itgeek语音泡泡覆盖谷歌地图

干杯，

---

Giles.

首先，代码示例是一个好主意，因为我们需要知道很多细节。（例如，还有哪些部门依赖于部门（1）的职位？）

不能在长方体模型或内联（模型）中覆盖div

您可以尝试使用负边距将div（1）移动到div（2）上，但这不是一个优雅的解决方案

---

您应该重新考虑使用绝对定位，因为这显然是更好的解决方案。

我建议将带有背景图像的div（1）放置在半透明的Google maps容器下，因为这样您仍然可以访问Google maps控件。这可以通过在两个容器上使用

opacity

和

z-index

CSS属性来实现

---

这是一个JS摆弄着使用Google Maps API的实时演示：

上传了我遇到问题的文件，我刚刚将其整理好，所以请忽略任何试图让itgeek语音泡泡覆盖在Google Maps图像上的小差异。