SVG作为背景图像使ios上的safari崩溃

我在网站上使用SVG精灵。在缩放页面之前，它们的渲染效果很好——几乎90%的情况下Safari崩溃并进入桌面。这种情况发生在iPad3和iPhone4上。有没有人经历过同样的问题？在谷歌上找不到任何东西，也不知道从哪里开始

精灵的创建方式如下：

i.sprite {
    background-image: url("sprites.svg");
    background-repeat:no-repeat;
    display:inline-block;
    height: 28px;
    width: 29px;
    vertical-align:middle;
    font-style:normal;
    font-size:0;
}

---

这并不是为了让您完全泄气，但webkit上的SVG在Chrome和Safari、桌面和移动设备上都存在很多问题。从不完整的实现中可以看出，如果您想获得完全的跨浏览器支持，就必须忘记SVG的某些部分。我使用简单的foreignObject元素使webkit崩溃：

但是，我对的右上角的3个图标使用SVG图像精灵，没有任何问题：

---

您有一些代码吗？就在今天，我花了几个小时在mobile Safari中测试SVG；-）我已经更新了问题。