地图上的非反应小叶覆盖

时间:2017-08-18 21:37:14

标签: z-index react-leaflet

刚开始使用反应传单和传单。点击标记后,我希望在地图上方有一个全屏覆盖图来显示图形。但无论我如何设置和的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;}

应该非常直接,请指出正确的方向。

1 个答案:

答案 0 :(得分:0)

正如@andreasgroos在其评论中提到的,z-index值必须足够高,即401或更高。 z-index:“ 2000!important”应确保该组件将在地图上呈现。