Задать вопрос

Как сделать адаптивное изображение затемненым с помощью css или js?

с фиксированными значениями ширины и высоты получилось сделать,а вот с адаптивным не выходит...
  • Вопрос задан
  • 746 просмотров
Подписаться 7 Оценить 2 комментария
Решения вопроса 1
iiiBird
@iiiBird Куратор тега HTML
Пока ты спишь - твой конкурент совершенствуется
оборачиваешь изображение в див типа .img-wrap и ему задаешь
:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}

а самому
.img-wrap {
  position: relative;
  z-index: 1;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега JavaScript
Нежно люблю верстку
Фильтрами типа
filter: grayscale(0.7);
filter: saturate(20%);
filter: brightness(2);

и их комбинациями
не получится решить?

Просто кода нет, примера что и как надо затемнить тоже, приходится гадать
Ответ написан
alexfilus
@alexfilus
Senior backend developer
Можно ещё box-shadow использовать.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы