z-index - 地图上的非反应传单覆盖

Question

刚刚开始使用 react-leaflet 和小册子。单击标记后，我希望在地图上方全屏覆盖以显示图表。但无论我如何设置 and 的 z-index，叠加层总是位于地图下方。由于大多数 z-index 问题适用于组件内的地图图层等，因此无法找到答案。

.overlay-wrapper {
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
z-index: 200;
cursor: pointer;}

它应该很简单，请指出正确的方向。

Answer 1

正如@andreasgroos 在他们的评论中提到的，z-index 值需要足够高，即 401 或更高。z-index: "2000 !important" 应该保证组件将在地图上呈现。