javascript - 当模式处于事件状态时，传单 map 仍然存在。为什么？

Question

这个问题已经有答案了:

Leaflet - modal opens behind map (1 个回答)

已关闭 5 年前。

我正在使用Leaflet.js开发一个网络应用程序创建 map ，Vue.js管理应用程序，以及 Bulma对于 CSS。

Bulma has a "modal" element ，当它的类设置为 is-active 时，它应该出现在其他所有内容的前面。 。我可以正常工作，只是 map 不会像页面的其余部分一样淡入背景。

我对模态了解不多。有谁知道为什么 map 仍然可见而其他一切都消失了？谢谢!!

Answer 1

如果没有看到这个实际情况，我只能猜测。但很可能模态、模态后面的深色覆盖层和 map 都将其 css position 设置为 absolute 或 relative 和一个数字分配给他们的CSS z-index。

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