我使用的是顺风css和flowbite,我想显示一个模型,我使用这个代码作为流齿模态,但是地图以某种方式显示在我的模式之上,如您所见:
<div class="grid grid-cols-2 gap-4 ml-8 bg-gray-100 w-screen h-screen ">
<div name="left_side" class=" mt-6 mb-6 h-max ">
<Modal/>
</div>
<div class="min-h-full">
<Map /> (leaflet map)
</div>
</div>
你能告诉我有什么快速的解决办法吗?
发布于 2022-07-31 11:29:02
您可以修改映射元素的z-index
以使其更低,也可以为您的模式增加z-index
值。
尝试向map元素中添加类似的类:
.map-element {
z-index: -1;
}
要修改模态的z-index
,可以尝试将其作为任意值添加到模态的类属性中:
<div class="z-[100]">
来自尾风文件:https://tailwindcss.com/docs/z-index#arbitrary-values
https://stackoverflow.com/questions/73182572
复制相似问题