Bootstrap 5 Offcanvas-HTML Проблемы с перетаскиваемым Div Z-индексом ⇐ CSS

[Anonymous]

Я использую приложение Blazor NET 8 с картами Google. Внутри моей страницы Razor у меня есть два перетаскиваемых HTML-элемента div, которые нависают над картой. Я добавил элемент div и кнопку offcanvas на свою страницу MainLayout.razor. Когда я переключаю холст, перетаскиваемые элементы div всегда появляются поверх холста, хотя у меня на холсте более высокий индекс z, чем в моих перетаскиваемых элементах div. Как разместить холст поверх перетаскиваемых объектов? Вот скриншот:


Вот мой div вне холста:


Notification Center


@if (NotifyService.NotificationDescriptions.Count > 0)
{
foreach (var message in NotifyService.NotificationDescriptions)
{

@message

}
}
else
{

No notifications

}



Подробнее здесь: https://stackoverflow.com/questions/793 ... dex-issues