Css 谷歌地图API-顶部浮动div
我在获取要显示在Google Map API块顶部的div时遇到问题 就我所能看到的,我用一个z-指数将它定位在绝对位置,应该把它放在顶部,但我没有看到它。这是我希望出现在地图上的.topblock1分区Css 谷歌地图API-顶部浮动div,css,google-maps,Css,Google Maps,我在获取要显示在Google Map API块顶部的div时遇到问题 就我所能看到的,我用一个z-指数将它定位在绝对位置,应该把它放在顶部,但我没有看到它。这是我希望出现在地图上的.topblock1分区 <div class="block4"> <div id="map-canvas"> <div class="topblock1">
<div class="block4">
<div id="map-canvas">
<div class="topblock1">
<h2>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</h2>
<p>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</p>
<a href="#PROJECTS">SEE OUR CURRENT PROJECTS >></a>
<div class="clear"></div>
</div>
</div>
</div>
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔。
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔
我有一个类似的代码,请尝试先关闭地图画布分区:
<div class="block4">
<div id="map-canvas"></div>
<div class="topblock1">
<h2>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</h2>
<p>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</p>
<a href="#PROJECTS">SEE OUR CURRENT PROJECTS >></a>
<div class="clear"></div>
</div>
</div>
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔。
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔
在地图画布上做一个包装,谷歌的代码隐藏所有非本地元素
<div class="wrapper">
<div class="topblock1">
<h2>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</h2>
<p>Lorem ipsum dolor sit amet, consectetur dipiscing elit. Morbi risus sapien.</p>
<a href="#PROJECTS">SEE OUR CURRENT PROJECTS >></a>
<div class="clear"></div>
</div>
</div>
<div id="map-canvas">
</div>
</div>
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔。
洛雷姆·伊普苏姆·多洛·西特,圣公会精英。智者之魔
然后设置这个css
<style>
.wrapper{ display:block; position:relative; top:0px; left:0px; right: 0px;}
.topblock1{ display:block; position:absolute; top:0px; left:0px; right: 0px; z-index:99999} /* Must be above map-canvas */
</style>
.wrapper{显示:块;位置:相对;顶部:0px;左侧:0px;右侧:0px;}
.topblock1{显示:块;位置:绝对;顶部:0px;左侧:0px;右侧:0px;z索引:99999}/*必须位于地图画布上方*/