Как вставить svg как background?

Question

[Евгений Журов]

Здравствуйте. SVG-картинку нужно сделать фоном для страницы. Если задать для элемента background: url(../img/back.svg) center/cover no-repeat, то такую конструкцию понимают только файрфокс и ie. Хром и опера не выводят этот бэкграунд. Кто виноват и что делать?

Answer 1

[Евгений Журов]

Разобрался, проблема была действительно в самом svg-файле. Нужно, чтобы внутри было
xlink:href="data:image/png;

а у меня было:

xlink:href="data:img/png;

Answer 2

[iBird Rose]

все браузеры нормально воспроизводят svg как background
скорее всего проблема в самом svg.

Comments

[Евгений Журов]

iBird Rose, т.е. технически я все делаю правильно?
Возможно, как-то криво конвертнулось из фотошопа. Может, есть какие-то нюансы в перегонке слоя из psd в svg?

Answer 3

[Артур Карапетян]

Просто делайте все свойства отдельно( отдельно позицию, размер, репит)

Comments

[Евгений Журов]

Пробовал - не помогает(

Answer 4

[Саша]

Zhuroff попробуйте задать background-size
и выложите код на jsfiddle, что бы было удобней вам помочь)