【发布时间】：2021-08-09 03:44:00
【问题描述】：
我想将带有背景图像的 div(1) 覆盖在另一个包含 JavaScript 的 div(2) 的顶部（在本例中为 Google maps API v3）。这可能吗？
我试过弄乱 z-index 没有运气，我不能使用绝对定位，因为我依靠 div(1) 来定位其他 div。
一个简短的例子可以在这里找到 - _
试图让 _ 对话气泡覆盖 Google 地图。
【问题讨论】：
标签： javascript html css
【发布时间】：2021-08-09 03:44:00
【问题描述】：
首先，一个代码示例是个好主意，因为我们需要了解很多细节。 （例如。还有哪些 div 依赖于 div(1) 的位置？）
您不能在 box-model 或 inline(model) 中覆盖 div。
您可以尝试使用负边距将 div(1) 移到 div(2) 上，但这不是优雅的解决方案。
您应该重新考虑使用绝对定位，因为它显然是更可取的解决方案。
【讨论】：
-
上传了我遇到问题的文件，我刚刚把它刷到了一起，所以请忽略任何小的差异itgeekgroup.com 试图让 itgeek 语音气泡覆盖在谷歌地图上图片。
我建议将带有背景图像的 div(1) 放在半透明的 Google 地图容器下方，因为这样您仍然可以访问 Google 地图控件。这可以通过在两个容器上使用 opacity 和 z-index CSS 属性来实现。
这是一个使用 Google Maps API 进行现场演示的 JS fiddle：jsfiddle.net/Xk87Y/
【讨论】：