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; }
これで解決です。