Как я могу принудительно использовать полосу прокрутки поверх фонового изображения? ⇐ CSS

[Anonymous]

На моем сайте Blazor мой содержит как .container для моего контента @Body, так и фоновый




Вот соответствующий CSS:

Код: Выделить всё

main {
bottom: 0;
left: 0;
overflow-y: auto;
padding-bottom: 1rem;
padding-top: 1rem;
position: fixed;
right: 0;
top: 4rem;
}

#background-image {
bottom: -8rem;
filter: opacity(25%);
overflow: hidden;
pointer-events: none;
position: fixed;
right: -2rem;
z-index: -1;
}

На момент внесения изменений для фонового изображения уже было установлено значение z-index -1, и настройка z-index #background-image или .container, похоже, не имеет смысла. Делать что-нибудь. Не влияет и корректировка структуры HTML.
Как сделать так, чтобы полоса прокрутки .content располагалась сверху?

Подробнее здесь: https://stackoverflow.com/questions/784 ... ound-image