Как правильно сделать фон с двумя картинками?

Question

[Вадим Свердлик]

На скрине обозначены картинки,которые должны быть частью фона,если задать фон цветом,то как поместить эти картинки правильно в него?

Answer 1

[ned4ded]

div {
  background-image: url("first-image-url"), url("second-image-url");
}

Так же через запятую можно спозиционировать, задать размеры изображениям, сделать их "приклееными" к краям экрана для нормально отображения на различной ширине.

Answer 2

[Ankhena]

Типа того:

background: url("путь к левой картинке") no-repeat left bottom, 
                    #fff url("путь к правой картинке") no-repeat right center;

При наложении, выше окажется тот фон, который ближе к началу записи, последний - самый нижний.

Answer 3

[uRoot]

Скорее всего это не фон вовсе, а обычный after и before.
Что-то типа такого:

div:after {
    content: url('../images/image.png');
    position: absolute;
}