我想将div(1)与背景图像重叠在另一个包含JavaScript的div(2)的顶部(在本例中为Google maps API v3)。这可能吗?
我已经尝试弄乱z-index没有运气,我不能使用绝对定位,因为我依靠div(1)来定位其他div。
可以在这里找到一个简短的例子 - itgeekgroup.com
尝试使用itgeek语音气泡覆盖Google地图。
干杯, 贾尔斯。
答案 0 :(得分:1)
首先,代码示例是个好主意,因为我们需要了解很多细节。 (例如,什么其他div依赖于div(1)的位置?)
您不能在框模型或内联(模型)中叠加div。
您可以尝试使用负边距将div(1)移到div(2)上,但这不是优雅的解决方案。
你应该重新考虑使用绝对定位,因为它显然是更好的解决方案。
答案 1 :(得分:0)
我建议将div(1)与背景图片放在半透明的Google地图容器下面,因为这样您仍然可以访问Google地图控件。这可以通过在两个容器上使用opacity
和z-index
CSS属性来完成。
以下是使用Google Maps API进行实时演示的JS小提琴:jsfiddle.net/Xk87Y/