Leaflet 图层控件出现在其他 z 索引较低的 div 后面

Question

从截图中可以看出，Leaflet 图层控件出现在其他 div 的后面，而我希望它出现在它们的前面。

“Key”和“Participants”div 的 z 索引为 20。

Leaflet 将各种 z-index 值分配给图层控制 div 在地图内的分层结构：

• .leaflet-pane { z-index: 400; }

• .leaflet-top { z-index: 1000; }

• .leaflet-control { z-index: 800; }

据我了解，其中任何一个都应该使图层控件出现在关键/参与者 div 上方，但它们没有。

我尝试将 z-index 值分配给 Leaflet div 层次结构中的其他 div，但没有效果。

我使用的是Leaflet v1.9.3。

任何人都可以建议如何让图层控件出现在其他 div 之上吗？

可以在https://track.trail.live/event/welcome-way-2023查看（一段时间内）实时示例。

Answer 1

谢谢@IvanSanchez，问题确实是堆栈上下文。

Leaflet 图层控件根据定义位于 map

<div>

内，但“Key”和“Participants”

<div>

（必须位于）map

<div>

之外；因为它们必须位于地图上方，所以它们也必须位于地图中包含的任何内容上方。

Answer 2

抱歉，我不太明白你的答案...所以这是不可能的吗？