OpenLayers Mapのz-indexを変更する

Javascript

OpenLayers Mapのz-indexを変更する

OpenLayers]]+[[OpenStreetMapに取り組んでいますが、困ったことに遭遇。

地図のちょうど上らへんにメニューバーがあり、プルダウンメニューがあるのですが、地図の下にプルダウンメニューが隠れてしまうんです。

z-indexを調整すればいいんだろうなーと思い、OpenLayers.LayerのsetIndexとかを使うのかと思い、ごにょごにょやっていましたが、なんか見当違いなのか治らず。
ちなみに、Mapの画像表示領域のz-indexはz-index:749となっていますね。

プルダウンメニューのz-index:1000とかにしても直らず。
地図をCSSで

 #map{
 	z-index:1;
 }

とやっても直りません。

あれー
と思っていたら、ここに答えがありました。
http://gis.stackexchange.com/questions/15033/why-would-openlayers-always-render-over-other-divs

z-indexはpositionを指定しないとダメ!

ぁっ…そんなことがあった気が…記憶の片隅に…

 #map{
 	z-index:1;
 	position:relative;
 }

これで解決です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です