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

Question

我有一个问题得到一个div显示在谷歌地图API块的顶部。

就我所能看到的，我有它的绝对位置与z-index应该把它放在顶部，但我没有看到它。这是。topblock1div我希望出现在地图上。

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

Answer 1

我有一个类似的代码，试着先关闭你的地图画布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>

Answer 2

在地图画布周围做一个包装器，google的代码隐藏了所有非本地的元素

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