CSS- background, отдельное позиционирование картинки и градиента, как?

Question

[Сергей]

В общем есть div с backhround: url(lol.png), linear-gradient(bottom, #startcolor, #endcolor);
так вот, как мне позиционировать картинку независимо от градиента? Если я начинаю изменять свойство background-position то перемещается сразу и картинка и градиент.

Answer 1

[Сергей]

Решил проблему- backhround: url(lol.png) offsetX offsetY, linear-gradient(bottom, #startcolor, #endcolor);

Answer 2

[Cyapa]

Увы, это невозможно. Лучше картинку вставить отдельно как псевдоэлемент у вашего div.

Comments

[Сергей]

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