Vorteri
@Vorteri
Начинающий в верстке

Не работает background: cover почему?

Добрый день. Задал для хедер 3картинки у первой картинки получилось растянуть на 100% но не работает cover , даже если задать первой. Нужно задать для всех 3 картинок cover. Не знаю что делать, в гугле искал не нашел подобного.
Картинки отлично поставлены просто есть отступ сверху и снизу. Использую sass
.header
 background: url(../img/header/header-bgc-curtains.png) 100% no-repeat,
 url(../img/header/header-bgc.png) right no-repeat, 
 url(../img/header/header-left-img.jpg) left no-repeat
 background-color: #133f58
 height: 100vh
 width: 100vw
  • Вопрос задан
  • 4255 просмотров
Решения вопроса 1
Sanches
@Sanches
В таких случаях всегда разделяйте универсальные свойства на конкретные:
.header {
  background-image: url('...'),  url('...'), url('...');
  background-size: cover, cover, cover;
  background-position: left center, right center, center;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

https://codepen.io/abnmt/pen/VXaMBo?editors=0100
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
background-size: cover; не?
Ответ написан
Комментировать
Eridani
@Eridani
Мимо проходил
background-size: cover, не?
Ответ написан
Ваш ответ на вопрос

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

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