2017-07-20 35 views
0

我正在使用SVG spriting,这似乎工作得很好,所以我想直到我在ie9(我们最低支持的浏览器)中打开该网站。所有SVG都没有显示。继承人如何我引用我的SVG的:SVG Sprite与<use>和xlink:href

<svg class="icon-search"> 
    <use xlink:href="#icon-search"></use> 
</svg> 

所以此工程在所有的现代浏览器,但经过一番研究,这是现在已经过时,你应该只使用HREF没有XLink的:.所以我改变了我所有的SVG看起来像这样:

<svg class="icon-search"> 
    <use href="#icon-search"></use> 
</svg> 

现在我的问题是,我的SVG的Safari和ios不工作!即时通讯寻找一种解决方案,将适用于所有现代浏览器和IE9。有没有人遇到过这个问题,并找到一个好的解决方案?

+0

如果您将'xmlns:xlink =“http://www.w3.org/1999/xlink”'作为属性添加到''并保留'xlink:href =“”'?? – philipp

+0

** xlink **名称空间未被取消。请参阅[XML链接语言](https://www.w3.org/TR/xlink/)规范。如果您使用[SVG 1.1](https://www.w3.org/TR/SVG/),则需要在使用之前定义** xlink **命名空间前缀。 – Alexander

+0

只是给了这个去,但没有运气。感谢您的建议 –

回答

0

供应这两个属性。现代浏览器会比xlink:href更喜欢href。

我不认为现代浏览器会放弃对xlink:href的支持,直到Safari实现它。出于这个原因,我反对从Firefox中删除xlink:href支持。

相关问题