インフォボックスを使用して、マップ上の約 20 個のマーカーに div をアタッチします。div には、classname:hover を介して表示されるアンカーが含まれています。これは期待どおりに機能しますが、残念ながら、ボックスのコンテンツが他のコンテンツの背後にないことを確認するために、:hover でポップアップして、ページ上の他のすべてのコンテンツよりも優先されるボックスが本当に必要です。
ページ上の関連するすべての要素に位置と z-index を適用しました。ポップアップ ボックスの z-index は 1000 ですが、他のすべての要素は 100 未満です。それでも、マーカー画像 (z-index 80) がボックスを覆っています。ペインを変更しようとし、setZIndex を使用してマーカーのインデックスを 80 に設定しましたが、役に立ちませんでした。
boxText.innerHTML = '<p class=\"sheikh_flag\"> <a style=\"z-index:1000\" class=\"sheikh\" href=\"index.php\"> Linktext </a> Text </p>';
アンカークラスのシェイクが常に他のすべての上に表示されるようにする方法はありますか?