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

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

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


Мне нужно затемнить только содержимое () и запретить любые действия (открытие ссылок, нажатие кнопок и т.д.) тоже только в содержимом, в шапке и нижней части сайта должно все работать нормально
  • Вопрос задан
  • 2441 просмотр
Комментировать
Подписаться 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 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать верстку двух страниц из фигмы
22 нояб. 2024, в 09:58
5000 руб./за проект
Доделать проект
22 нояб. 2024, в 09:57
3000 руб./за проект
Написать продающую и сео-оптимизированную структура для сайта
22 нояб. 2024, в 09:42
30000 руб./за проект
Ещё заказы