Bootstrap 5 Offcanvas-HTML Draggable Div Z-Index-Probleme
Posted: 06 Jan 2025, 21:05
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:

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
}