javascript - 传单 - 模态在 map 后面打开

Question

我正在使用 leaflet 和 modalcss在 map 中显示模态。这对 leaflet v0.7.7 非常有效。看到这个 Plunker:click--> 单击缩放控件下方的按钮。

当我切换到 leaflet v1.2.0 时，模式被打开但在 map 后面。看到这个 Plunker:click

为什么会这样？关于如何像旧版本的 leaflet 那样在 map 前面显示模式有什么想法吗？谢谢!

Answer 1

将此 CSS 规则应用于 map 和模型:

#map{ z-index:1; }
#modal{ z-index:2; }