jquery - 背景图像上的 svg 图案

Question

是否可以将 .svg 图案作为背景图像，svg 图案应调整为窗口宽度和高度。

Answer 1

这是可能的，但浏览器支持有限。 Webkit 往往具有最好的 SVG 支持，而 IE 最差。您可以使用 CSS 和 CSS3 分配它 background-size属性(property)。

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

您可以通过将 SVG 放在 <img> 中来获得更多支持。绝对定位和拉伸(stretch)它在你的内容后面。这是可行的，因为 IE 历来对 SVG 作为 <img> 有更多支持。或 <object>而不是作为 CSS 资源。