更新到iOS 9.3后,SVG精灵不起作用

时间:2016-03-24 12:32:07

标签: ios ionic-framework

我将所有SVG图标存储在一个精灵中并使用它:

<ion-nav-title>
    <svg class="dropShadow">
        <use x="0" y="0" xlink:href="img/sprite.svg#logo1"></use>
    </svg>
</ion-nav-title>

它在iOS 9.2上运行良好,但在iOS 9.3上,所有图标都缺失了。 那是一个错误吗?有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:2)

hmmm在Safari for iPad上遇到同样的问题。看看你的课堂'dropShadow'帮助我理解为什么只有一组我的SVG没有出现:' - webkit-filter:drop-shadow'。

一旦我删除了投影,SVG又回来了。

如果将阴影添加到父元素,它将正常工作,即:

<figure class="dropshadow"><svg></svg></figure>