SVG шаблон на фоновое изображение

Question

Можно ли поместить шаблон .svg в качестве фонового изображения, размер шаблона svg следует изменить до ширины и высоты окна.

Answer 1

Возможно, но ограничено в поддержке браузера. Webkit имеет лучшую поддержку SVG, а IE - худшую. Вы можете назначить его, используя CSS и свойство CSS3 background-size .

body {
  background: url(bg.svg) no-repeat;
  background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
} 

Вы можете получить немного больше поддержки, поместив SVG в <img> и полностью расположив и растянув его за контентом. Это работает, потому что IE исторически больше поддерживает SVG как <img> или <object>, чем как ресурс CSS.