背景图像上的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>更多。