開いているレイヤーのオーバーレイメニューボタン3マップ

Question

マップ上にメニューボタンをオーバーレイしたいと思います。だから、このボタンをクリックすると、ウィンドウが表示されます。私は地図のdivとoverlayMenuボタンdivを作成しましたが、私が望む場所にボタンが表示されません。私は尖ったボタンがズームボタンの近くにあり、白い部分が消えるようにしたい。ここで

HTMLファイルにコードです：あなたはCSS Position Propertyを使用してマップ上のメニューボタンの配置を制御することができます

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

Answer 1

。

また、メニューにプラスのz-indexを与える必要があります。 z-index Propertyは、位置指定された要素、つまり位置がstatic以外の要素にのみ適用されます。

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

Answer 2

あなたは常にそれを絶対位置を与えるが、マップを小さくすることができた場合、ボタンはどこの真ん中に浮かぶ、そこに滞在します（画面を埋めていない）、気をつけすることができます。