如何在Google地图上浮动div?

我有一个显示Google地图的div

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

4 Solutions collect form web for “如何在Google地图上浮动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将不合适!

  • 在Play2 Scala模板中声明variables
  • 使用HtmlAgilityPackparsingHTML页面
  • 如何在不需要时隐藏垂直滚动条
  • 将string转换为数字并添加一个
  • 如何alignment另一个div内的3个div(左/中/右)?
  • 无法解码下载的字体
  • 将DIV堆叠在一起?
  • 将样式应用于第一行的单元格