Leaflet地图上的Html div z-index不可选

Question

Question Demo

我的传单地图上有一个div，z-index是1000.但我无法在地图上选择面板。地图也在面板上移动。

.box{ 
position:absolute;
width:100%;
height:100px;
background-color:rgba(255,250,245,0.8);
bottom:0;
z-index:1000;
}

Answer 1

My fiddle

在你的小提琴上，#map同时拥有地图和面板，这样我认为在面板内拖动时不会拖动地图。

我创建了另一个div来分别保存地图和面板，以创建无法触发地图拖动的面板叠加。