Bootstrap 5 Offcanvas-HTML Draggable Div Z-Index-Probleme ⇐ CSS

[Guest]

Ich verwende eine Blazor NET 8-App mit Google Maps. Auf meiner Razor-Seite habe ich zwei ziehbare HTML-Divs, die über der Karte schweben. Ich habe meiner MainLayout.razor-Seite ein Offcanvas-Div und eine Schaltfläche hinzugefügt. Wenn ich die Leinwand umschalte, werden die ziehbaren Divs immer oben auf der Leinwand angezeigt, obwohl ich auf meiner Leinwand einen höheren Z-Index habe als in meinen ziehbaren Divs. Wie kann ich meine Leinwand über meinen Draggables platzieren? Hier ist ein Screenshot:


Hier ist mein Offcanvas-Div:

Code: Select all

Notification Center


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

@message

}
}
else
{

No notifications

}