在IE中使用SVG图像作为背景

Question

我在使用SVG图像作为IE中的背景时遇到了一些问题。它适用于简单的SVG，但不适用于其他SVG。我有一个例子小提琴here：

HTML：

<p>SVG image not repeating in IE</p>
<div id="div1">
</div>
<div id="div2"></div>
<div id="div3"></div>

CSS：

div
{float: left;
    margin-left:20px;
    width:200px;
    height:300px;
        border:1px solid black;
}   
#div1
{
    background:url("https://dl.dropboxusercontent.com/u/74728667/Interstate_75_icon.svg");
}
#div2
{
    background:url("https://dl.dropboxusercontent.com/u/74728667/Circle.svg");
}
#div3
{
    background:url("https://dl.dropboxusercontent.com/u/74728667/brick.svg");
}

结果：

IE：

铬：

我的代码中有什么问题吗？

Answer 1

使用bricks.svg上的this问题解决方案似乎可以解决问题。

Answer 2

它不适用于IE8及以下版本。您可以安装插件以使其工作，也可以安装插件来解决它。 （SVGWeb，Modernizr）