@flexpc

Почему заливка картинки больше самой заливки?

65d4cab035b9e979564204.jpeg
я говорю про черный прямоугольник под фото.
return (
    <div className="App">
      <NavBar/>
      <div class='img'>
        <img src={main} alt='main'/>
      </div>
    </div>
  );

.img {
    background-color: #000;
}

.img img {
    opacity: 0.6;
    width: 100%;
}

Всё это нужно для затемнения фотографии и впрочем то оно работает, только затемнение чуть больше самой фотографии, как решить? Вот ссылка на сайт, смотреть с компа надо, адаптивы нет
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
как решить?

.img img {
    display: block;
}

Всё это нужно для затемнения фотографии

Можно рассмотреть еще вариант без отдельного элемента с фоном:
img {
    filter: brightness(0.6);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы