Как указать background-size в универсальном background?

Question

[Тирион Ланнистер]

То есть, мне нужно сделать на блок два слоевых фона. Один занимает не всю часть блока, другой - фоновое изображение.
Указать background-size отдельно не получится, так как первый слой растянется так же.

Answer 1

[Moskus]

Указать размер для каждого через запятую, в порядке следования картинок в свойстве background.

#example1 {
    background: url(img_1.gif) left top no-repeat, url(img_2.gif) right bottom no-repeat;
    background-size: 50px, 130px;
}

Answer 2

[profesor08]

Вот так:

background: url(https://habracdn.net/gt/images/1472217847/logo.svg) no-repeat, 
              url(https://habracdn.net/habr/images/1472198006/logo.svg) no-repeat;
background-size: auto auto, 100%, auto;
background-position: center center, center top;

живой пример

Answer 3

[Stalker_darkway]

Ну как вариант можно прибегнуть к грубости.
В основном диве задаете один фон и position:relative;z-index:0;
В него кладете еще один блок со стилями position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background: второй бэкграунд. И управляете как нужно.
Или объедините бэкграунды в один.