谷歌地圖下的菜單欄

Question

我有一個谷歌地圖的問題，基本上在我的網站的頂部我有一個菜單，總是在頂部，即使你向下滾動頁面。

爲菜單中的CSS：

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

我從here得到了我的谷歌地圖的腳本。

問題是，當我滾動頁面查看Google地圖腳本時，菜單隱藏在我的Google地圖下。

是否有任何方法讓我的菜單始終高於所有div和腳本？因爲現在它在我的Google地圖下。

Answer 1

假設你的地圖被包裹在一個特定的元素在頁面上，比如：

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

您可以使用CSS給它一個z-index：

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

，並給予較高的z-index到#MyMenu：

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

Answer 2

嘗試加載g您菜單上的Z值較高。

z-index:1000

這將需要比包含地圖的部分更高。如果這似乎沒有效果，您可能還需要在菜單的父級上定義position：relative和z-index。您可以使用FireBug或Chrome開發人員工具輕鬆進行測試。