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

[Anonymous]

Ich verwende eine Blazor Net 8 -App mit Google Maps. In meiner Rasier -Seite habe ich zwei html -draggierbare Divs, die über der Karte schweben. Ich habe meiner Seite "mainlayout.razor" einen Offcanvas -Div und eine Knopf hinzugefügt. Wenn ich die Leinwand umschüttle, erscheinen die draggierbaren Divs immer auf der Leinwand, obwohl ich auf meiner Leinwand einen höheren Z-Index als in meinen draggablen Divs habe. Wie kann ich meine Leinwand auf meine Draggables legen? Hier ist ein Screenshot:

Hier ist mein Offcanvas Div: < /p>

Code: Select all

Notification Center


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

@message

}
}
else
{

No notifications

}