我想在另一个包含 JavaScript 的 div(2) 的顶部覆盖一个带有背景图像的 div(1)（在本例中为 Google maps API v3）。这可能吗？
我试过弄乱 z-index 没有运气，我不能使用绝对定位，因为我依靠 div(1) 来定位其他 div。
一个简短的例子可以在这里找到 - _
试图让 _ 语音气泡覆盖 Google 地图。
user1692620
问问题
907 次
2 回答
1
首先，一个代码示例是个好主意，因为我们需要知道很多细节。（例如。其他哪些 div 依赖于 div(1) 的位置？）
您不能在 box-model 或 inline(model) 中覆盖 div。
您可以尝试使用负边距将 div(1) 移到 div(2) 上，但这不是优雅的解决方案。
您应该重新考虑使用绝对定位，因为它显然是更可取的解决方案。
于 2012-09-23T16:48:40.550 回答
0
我建议将带有背景图像的 div(1) 放在半透明的 Google 地图容器下方，因为这样您仍然可以访问 Google 地图控件。这可以通过在两个容器上使用opacity和z-indexCSS 属性来完成。
这是一个使用 Google Maps API 进行现场演示的 JS fiddle：jsfiddle.net/Xk87Y/
于 2012-09-23T17:03:32.760 回答