css - 谷歌地图 z-index

Question

我正在使用 api 的 v2，并且在顶部导航的翻转时，下拉菜单位于地图下方。我尝试将地图 div 容器的位置相对于较低的 z-index。并提高导航 z-index 并且无法使其正常工作

有任何想法吗？请选择 NY 以获得最多的结果。 演示链接

通过向上移动层次结构进行更新，我能够正确地进行 z-index。

Answer 1

    #main-content {
background: url(../img/bg/bg-main-cont.png) no-repeat top left;
width: 920px;
margin: -4px auto 0 auto;
padding: 28px 0 32px;
overflow: hidden;
position:relative;
z-index: -1;
    }

注意最后两行。

Answer 2

沿着 dom 向上移动，我能够找到需要正确 z-index 的容器。这是下拉的祖父母。即使所有父母和孩子的 z-index 都较高。