Задать вопрос
abler98
@abler98
Software Engineer
javascript

Как наложить полупрозрачный фон на страницу и запретить любые действия?

Допустим есть страница
<!DOCTYPE html>
<html>
    <body>
        <header>Шапка</header>
        <article>Содержимое</article>
        <footer>Низ сайта</footer>
    </body>
</html>


Мне нужно затемнить только содержимое () и запретить любые действия (открытие ссылок, нажатие кнопок и т.д.) тоже только в содержимом, в шапке и нижней части сайта должно все работать нормально
  • Вопрос задан
  • 2442 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 3
Libris
@Libris
А не пойдёт в блок содержимое добавить ещё один блок, который будет абсолютно позиционироваться и с шириной и высотой 100% + полупрозрачный фон и z-index 999? Только тогда у содержимого добавить position relative
Ответ написан
4 комментария
4 комментария
San40
@San40
Как то вот так jsfiddle.net/55gjo794
Ответ написан
10 комментариев
10 комментариев
s104
@s104
Как вариант без дополнительных элементов: jsfiddle.net/65o825xz
То есть только на css, и ,добавив нужный класс, можно заблокировать любой другой контейнер.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы