如何在Google地图上浮动div?

我有一个显示Google地图的div

如何让另一个div浮动在地图div

尝试这个:

 <style> #wrapper { position: relative; } #over_map { position: absolute; top: 10px; left: 10px; z-index: 99; } </style> <div id="wrapper"> <div id="google_map"> </div> <div id="over_map"> </div> </div> 
 #floating-panel { position: absolute; top: 10px; left: 25%; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; text-align: center; font-family: 'Roboto','sans-serif'; line-height: 30px; padding-left: 10px; } 

只需要移动此框下的地图。 工作给我。

来自Google

只需设置div的位置,您可能需要设置z-index。

恩。

 div#map-div { position: absolute; left: 10px; top: 10px; } div#cover-div { position:absolute; left:10px; top: 10px; z-index:3; } 

绝对定位是邪恶的……这个解决scheme不考虑窗口大小。 如果您调整浏览器窗口的大小,您的div将不合适!