当模态处于活动状态时,传单地图仍然存在。为什么?

Leaflet map remains present when modal is active. Why?

我正在为 CSS 使用 Leaflet.js to create a map, Vue.js to manage the app, and Bulma 开发网络应用程序。

Bulma has a "modal" element,当它的 class 设置为 is-active 时,它应该出现在其他所有内容的前面。我有这个工作,除了地图不会像页面的其余部分那样淡入背景。

我对模态不太了解。有谁知道为什么地图会保持可见而其他一切都消失了?谢谢!!

没有亲眼所见,我只能猜测。但最有可能的是模态,模态后面的深色叠加层和地图都将其 css position 设置为 absoluterelative 并为其分配了一个数字 css z-index

地图的z-index可能比模态或背景叠加层高,导致它出现在前面。如果是这种情况,解决方案是修改 z-index 值以使它们按正确的顺序排列。