Leaflet - modal在地图后面打开 [英] Leaflet - modal opens behind map

问题描述

我正在使用传单和 modalcss 在地图中显示模态。
这就像一个魅力传单 v0.7.7。请参阅此Plunker：点击
- >点击缩放下的按钮控制。

I'm using leaflet and modalcss to display a modal within a map. This worked like a charm with leaflet v0.7.7. See this Plunker: click --> Click the button under the zoom controls.

当我切换到传单 v1.2.0时，模态会在地图后面打开。请参阅此Plunker：点击

When I switch to leaflet v1.2.0 the modal gets opened but behind the map. See this Plunker: click

为什么会这样？
关于如何在旧版本的传单中显示地图前面的模态的任何想法？
谢谢！

Why is this happening? Any idea on how to show the modal in front of the map like in the old version of leaflet? Thanks!

推荐答案

将此CSS规则应用于地图和模型：

Apply this CSS rules to map and model:

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

这篇关于Leaflet - modal在地图后面打开的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！