Уменьшите непрозрачность всего веб-сайта, кроме одного элемента onclick - PullRequest
0 голосов
/ 20 июня 2020

Я вставил на свой веб-сайт модальное всплывающее окно. Это будет содержать карту изображения, которая будет действовать как панель навигации.

Когда это модальное окно появится, я хочу, чтобы остальная часть веб-сайта «исчезла» за счет уменьшения непрозрачности. Я уже играл с body {opactiy: 0.2;}, но, к сожалению, это также снижает непрозрачность модального / навигационного изображения.

Долгий путь - это изменить непрозрачность каждого отдельного элемента на веб-странице , кроме модели, на onclick .... это кажется сложным способом решить проблему.

Существует ли более аккуратное решение?

Спасибо, что нашли время, чтобы прочитать мой запрос.

1 Ответ

0 голосов
/ 20 июня 2020

Я бы посоветовал сделать полупрозрачный оверлей поверх BODY и поместить модель поверх этого оверлея.

Но если вам нужно быстрое исправление: *: not ( #modal) {opacity: 0.2;}

...