背景图像上的svg图案
答
这是可能的,但受到浏览器支持的限制。 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>
更多。
你在开发webkit有最好的svg支持吗? [没有人打败歌剧](http://codedread.com/svg-support.php)。 而对于你的CSS,opera不需要-o-前缀来设置背景大小,并且前缀语句必须放在所有前缀之后。 – 2011-06-09 08:56:09