Почему не работает background?

Question

[rootnoroot]

ничего не пойму

background: #FFF url(../img/wl.png) left bottom no-repeat, 
            url(../img/wr.png) right top no-repeat;

devtools ругается
"допустимое значения свойства"

Comments

[Владислав Лысков]

в таком случае цвет должен быть в конце

Answer 1

[mikhailivanko]

background: url(../img/wl.png) left bottom / 200px 100px no-repeat, url(../img/wr.png) right top / 200px 100px no-repeat, #FFF;

background-size для примера подставил

Answer 2

[cryptodust]

Переходим в документацию, читаем

The background-color value may only be included in the last layer specified.

Что переводится как

Значение свойства background-color может быть указано только в последнюю очередь

Приведу пример, можно либо записать так:

div {
  background-image: url('background-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #ffffff; /* <background-color> в  конце */
}

Либо так:

div {
  background: url('background-image.jpg') no-repeat center/cover #ffffff;
}

Если отвечать совсем коротко, перенесите значение цвета в конец свойства background, желаю успехов :)