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

Question

我在 IE 中使用 SVG 图像作为背景时遇到了一些问题。它适用于简单的 SVG，但不适用于其他 SVG。我有一个例子 fiddle 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:

Chrome :

我的代码有问题吗？

Answer 1

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