Как сделать полупрозрачный фон?

Всем здравствуйте! Сделал фон при помощи
html {
background-image: url();
}

Как сделать фон полупрозрачным? Если через opacity, то как?
  • Вопрос задан
  • 146 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Otrivin
junior full-stack сисадмин
Не задавай фон самому элементу. Ты можешь определить псевдоэлемент ::before или ::after, задать фон ему, его и сделать полупрозрачным.

body {
  position: relative;
}
body::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url() center/cover;
  opacity: 0.5;
}
Ответ написан
Ваш ответ на вопрос

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

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