Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
skasochnoebali
@skasochnoebali
Вёрстка
Как сделать чтобы при нажатии на кнопку затемнялась вся страница сайта?
Как сделать чтобы при нажатии на кнопку затемнялась вся страница сайта?
Вопрос задан
более трёх лет назад
346 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
sergski
@sergski
Размещаете div на всю ширину/высоту, черным фоном, полупрозрачностью и display: none. По клику по кнопке у вашего div делаете display: block; и не забудьте кнопку закрыть, которая вернут ему none;
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Ragtime Kitty
@Ragtime_Kitty
Сделать черный оверлей, установить прозрачность на 0. По клику на кнопку увеличивать прозрачность до нужной степени "темноты"
snippet
Ответ написан
более трёх лет назад
3
комментария
Нравится
2
3
комментария
Facebook
Вконтакте
Twitter
poniyur
@poniyur
Только если это просто затемнить сайт, то ещё этому оверлею добавить pointer-events: none; в стили
Написано
более трёх лет назад
Ragtime Kitty
@Ragtime_Kitty
poniyur
, там так и есть
Написано
более трёх лет назад
poniyur
@poniyur
Ragtime_Kitty
, упс не заметил)
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
57 просмотров
0
ответов
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
133 просмотра
1
ответ
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
252 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1147 просмотров
1
ответ
Вёрстка
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
22 июн.
230 просмотров
1
ответ
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
150 просмотров
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
891 просмотр
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
221 просмотр
3
ответа
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
156 просмотров
2
ответа
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
221 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend Vue & Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend AI разработчик
Asphera Technologies
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама