首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在Google Maps上浮动一个div?

如何在Google Maps上浮动一个div?
EN

Stack Overflow用户
提问于 2011-05-18 06:04:55
回答 4查看 105.9K关注 0票数 65

我有一个可以显示谷歌地图的div

如何使地图div上的另一个div浮动

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-05-18 06:13:10

试试这个:

代码语言:javascript
复制
<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>
票数 147
EN

Stack Overflow用户

发布于 2016-04-03 17:33:09

代码语言:javascript
复制
#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;
}

只需将地图移动到此框下方即可。给我干活。

来自谷歌

票数 16
EN

Stack Overflow用户

发布于 2011-05-18 06:12:32

只需设置div的位置,您可能需要设置z索引。

例如。

代码语言:javascript
复制
div#map-div {
    position: absolute;
    left: 10px;
    top: 10px;
}
div#cover-div {
    position:absolute;
    left:10px;
    top: 10px;
    z-index:3;
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6037712

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档