在JavaScript元素之上叠加div

时间:2012-09-23 16:44:10

标签: javascript html css

我想将div(1)与背景图像重叠在另一个包含JavaScript的div(2)的顶部(在本例中为Google maps API v3)。这可能吗?

我已经尝试弄乱z-index没有运气,我不能使用绝对定位,因为我依靠div(1)来定位其他div。

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

尝试使用itgeek语音气泡覆盖Google地图。

干杯, 贾尔斯。

2 个答案:

答案 0 :(得分:1)

首先,代码示例是个好主意,因为我们需要了解很多细节。 (例如,什么其他div依赖于div(1)的位置?)

您不能在框模型或内联(模型)中叠加div。

您可以尝试使用负边距将div(1)移到div(2)上,但这不是优雅的解决方案。

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

答案 1 :(得分:0)

我建议将div(1)与背景图片放在半透明的Google地图容器下面,因为这样您仍然可以访问Google地图控件。这可以通过在两个容器上使用opacityz-index CSS属性来完成。

以下是使用Google Maps API进行实时演示的JS小提琴:jsfiddle.net/Xk87Y/