Z-индекс и модальный фон [закрыто] ⇐ Javascript

[Anonymous]

Я создал модал, используя тег . Это работает нормально, но я также создал тосты уведомлений с более высоким 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