谷歌地图下的菜单栏

Question

我的谷歌地图有问题，基本上在我的网站顶部我有一个菜单，即使你向下滚动页面也总是在顶部。

菜单的CSS：

#MyMenu{
    width: 100%;
    height: 105px;
    position: fixed;
}

我从here获得了我的Google地图脚本。

问题是，当我向下滚动页面查看Google地图脚本时，菜单会隐藏在我的Google地图下。

有没有办法让我的菜单始终高于所有div和脚本？因为现在它在我的谷歌地图下。

Answer 1

假设您的地图包含在您网页上的特定元素中，例如：

<div id="gmap"></div>

您可以使用CSS为其提供z-index：

#gmap {
    z-index: 100;
    position: relative;
}

并向#MyMenu提供更高的z-index：

#MyMenu {
    z-index: 110;
    width: 100%;
    height: 105px;
    position: fixed;
}

Answer 2

尝试在菜单上添加高z-index值。

z-index:1000

它需要高于包含地图的部分。您可能还需要在菜单的父级上定义position：relative和z-index，如果这似乎没有效果。您可以使用FireBug或Chrome Developer工具轻松测试。