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

Question

[Тарас]

Добрый день. Задал для хедер 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

Answer 1

[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

Answer 2

[Александр null]

background-size: cover; не?

Answer 3

[Антон]

background-size: cover, не?

Comments

[Тарас]

Задает только картинке которая посередине прописал в background. Oна самая большая у меня получается. И все остальные пропадают

[Антон]

Тарас, Другой вопрос: Зачем Вам 3 картинки в бэкграунде?