Css 谷歌地图API-顶部浮动div

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">

我在获取要显示在Google Map API块顶部的div时遇到问题

就我所能看到的,我用一个z-指数将它定位在绝对位置,应该把它放在顶部,但我没有看到它。这是我希望出现在地图上的.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}/*必须位于地图画布上方*/