Как задать два background?

Question

[DeniSidorenko]

Привет подскажите пожалуйста такой код. Именно код ибо суть я знаю а вот код неправильно пишу.
один блок
надо задать background, левая сторона 50% черный цвет остальные 50% картинкой. Игрался с кодом, нифига, поможете надеюсь)

Answer 1

[Astrohas]

делаеш фон целиком черным. Потом через background image вставляете изображение фоном и настраиваете.

background-color: black;
background-image: url(images/porno.gif);
background-position: right;
background-repeat: no-repeat;

как то так

Answer 2

[Максим Тимофеев]

https://jsfiddle.net/whasnumb/

Answer 3

[Александр]

<div></div>

div {width:300px; height:300px;
background: linear-gradient(90deg, #000 0%, #000 50%, transparent 50%, transparent 100%),
url(http://placekitten.com/g/150/300) 
}

песочница