设置openlayers地图的z-index

Question

我有一个openlayers地图，我尝试在同一页面中实现“灯箱”图片库。

通过“”灯箱“图片库”我的意思是图片/箭头/退出按钮覆盖整个屏幕。

问题是openlayers地图覆盖了灯箱图库（见图）。

我已将z-index设置为地图和灯箱div，就像这样

<div id='map_element' style='width: 900px; height: 400px; z-index:1;'> </div>

//and then for lightbox
#imagegal2 img {
 height:85%;    
 z-index:90;    
}

这不起作用

我该如何解决这个问题？

提前致谢

Answer 1

html中的灯箱在哪里？ z-index仅在div处于同一级别（即两者都包含在同一父级）并设置position时才有效。因此，如果地图和灯箱具有不同的父元素，则需要在父元素上设置z-index。

移动评论以回答，因此您可以标记为已回答。