Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
IvankoPo
@IvankoPo
HTML
CSS
Как затемнить фон как на скрине?
Подскажите, какими способами можно реализовать данное затемнение фона, или этот фон в фотошопе так обработан?
Вопрос задан
более трёх лет назад
223 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Артур Карапетян
@architawr
"Ok, Google" и все твои проблемы решены
для секции выставляете position absolute и делайте ::before ему выставляете position relative, top 0, left 0, rright 0,bottom 0, width 100%, heigth 100% и background-color rgba(#000, .7) .7- непрозрачность
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Константин Земляков
@TopKoder1
Ошибочка: для секции position: relarive, а для ::before position: absolute
Написано
более трёх лет назад
Артур Карапетян
@architawr
Константин Земляков
: Ну да
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Дима Паутов
@bootd
Куратор тега CSS
Гугли и ты откроешь врата знаний!
Блок, у которого на фоне изображение, поверх него сделай еще один, с чёрным фоном, но прозрачным!
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
IvankoPo
@IvankoPo
Автор вопроса
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как решить проблему с наложением в сафари?
1 подписчик
2 часа назад
32 просмотра
0
ответов
CSS
Простой
Что поправить в градиенте?
1 подписчик
вчера
83 просмотра
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
3 подписчика
19 июл.
1723 просмотра
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
96 просмотров
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
18 июл.
101 просмотр
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
43 просмотра
0
ответов
PHP
+2 ещё
Простой
Не приходят сообщения с контактной формы, Извините, данные не были переданы?
1 подписчик
15 июл.
215 просмотров
3
ответа
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1562 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
182 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
136 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама