我的開放圖層上的覆蓋菜單按鈕3地圖

Question

我想覆蓋我的地圖上的菜單按鈕。所以當我點擊這個按鈕時，它會顯示一個窗口。我創建了地圖div和overlayMenu按鈕div，但它並不顯示我想要的按鈕。我想讓指向的按鈕靠近縮放按鈕，白色區域消失。

下面是代碼的HTML文件：

<div id="map" style="width:100%; height:100%; z-index: 0"> 
<div id="overlayMenu" style="z-index:9999"></div> 

Answer 1

您可以控制菜單按鈕的位置使用CSS Position Property在地圖上。

您可能還需要給菜單一個積極的z-index。請注意，z-index Property僅適用於「定位」元素 - 位置不是static的元素。

#overlayMenu { 
    position: absolute; 
    z-index: 1; 
    top: 10px; 
    left: 50px; 
} 

Answer 2

你總是可以給它絕對位置，但要小心，如果地圖可以更小（不填充窗口）按鈕將呆在那裏，漂浮在荒郊野外。