Я создал модал, используя тег . Это работает нормально, но я также создал тосты уведомлений с более высоким z-индексом. Вот пример кода: < /p>
.notification {
z-index: 1090;
position: absolute;
top: 0;
right: 0;
background-color: #afa;
}
.modal {
z-index: 1055;
background-color: #aaf;
height: fit-content;
}
.modal::backdrop {
background-color: #0000008f;
backdrop-filter: blur(0.375rem);
}< /code>
This notification should be on top of the modal backdrop.
Modal Content
< /code>
< /div>
< /div>
< /p>
Я хотел бы, чтобы уведомление было над модальным фоном. Но я понял, что даже с Z-индексом 9999 года уведомление не будет над фоном. Я уже прочитал эти ответы: < /p>
Фоновое наложение и z-index < /li>
Принесите элемент поверх модального фона < /li>
< /ul>
Я не хочу реализовать свой собственный фон + модальный слои. Есть еще одно чистое решение?>
Подробнее здесь: https://stackoverflow.com/questions/797 ... l-backdrop