当模态处于活动状态时,传单地图仍然存在。为什么?
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
设置为 absolute
或 relative
并为其分配了一个数字 css z-index
。
地图的z-index
可能比模态或背景叠加层高,导致它出现在前面。如果是这种情况,解决方案是修改 z-index
值以使它们按正确的顺序排列。
我正在为 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
设置为 absolute
或 relative
并为其分配了一个数字 css z-index
。
地图的z-index
可能比模态或背景叠加层高,导致它出现在前面。如果是这种情况,解决方案是修改 z-index
值以使它们按正确的顺序排列。