Как показать фоновое изображение за модальным наложением в приложении React + TypeScript? ⇐ CSS

[Anonymous]

Я работаю над приложением React + TypeScript (tsx) и реализовал модальный компонент.
Обычно модальные окна имеют полупрозрачный серый фон. Вместо этого я хочу показывать фоновое изображение за модальным окном, аналогично тому, как Jira отображает размытый или пользовательский фон при открытии определенных диалоговых окон.
Концептуально:

• Содержимое модального окна остается по центру и над всем.
• Вместо серого наложения мне нужно собственное изображение позади модального окна.
• Фоновое изображение должно появляться только тогда, когда модальное окно открыто

Я пробовал добавить





Подробнее здесь: https://stackoverflow.com/questions/798 ... escript-ap