2017-07-20 48 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支持。

相關問題