javascript - Html 入力画像タイプは maplayer の下にあります

Question

html入力(タイプ画像)の問題を解決する方法に関する提案。クリックするとdiv(id="map"を持つ)のフルスクリーンを表示し、再度クリックすると通常に戻るために使用されます。マップを追加しなくても問題なく動作しますが、準備完了状態で関数 init() を呼び出してマップを追加すると機能しません。入力タイプはマップの下にあります

これが実際の例です: http://jsfiddle.net/TXbBc/1/。マップを追加しなくても正常に動作することがわかるように、init() 関数呼び出しにコメントしてください。

ガイダンスとヘルプをいただければ幸いです..!

Answer 1

Z インデックスを設定する

<input id="btn-full-screen" style="z-index:9999;" title="Full Screen" class="btn-full-screen" type="image" src="img/fullscreen-en.png" alt="settings"/>

作業例: http://jsfiddle.net/gbsandeep/TXbBc/2/

Answer 2

入力ボタンのz-indexプロパティを設定してみてください

Answer 3

ボタンの CSS を次のように変更します。

.btn-full-screen {
    background-color: Gray;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    height: 3%;
    position: absolute;
    right: 0;
    width: 3%;
    z-index: 9999;
}