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资源。