SVG Sprites with <use>とxlink：href

SVGスプライトを使っていますが、実際にはうまくいくようですが、私がie9（最低限サポートされているブラウザ）でサイトを開くまではよく考えました。すべてのSVGが表示されませんでした。 HERESにどのように私は参照した私のSVGの：SVG Sprites with <use>とxlink：href

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

だから、これはすべての最新ブラウザで動作しますが、いくつかの研究の後に、これは廃止され、あなただけのxlinkなしのhrefを使用する必要があります：。だから私はこのように見えるようにすべての私のSVGのを変更：

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

今私の問題は私のSVGのは、SafariとIOSで動作しないということです！私は現代のすべてのブラウザとIE9に対応するソリューションを探しています。誰もがこの問題に遭遇し、良い解決策を見つけましたか？

出典

2017-07-20 Jordan Sykes

属性として 'xmlns：xlink =" http://www.w3.org/1999/xlink "を' philipp

** xlink **名前空間は省略されていません。 [XML Linking Language]（https://www.w3.org/TR/xlink/）の仕様を参照してください。 [SVG 1.1]（https://www.w3.org/TR/SVG/）を使用する場合は、使用する前に** ** link ** namespace prefixを定義する必要があります。 – Alexander

ちょうどこれを与えられたが、運がない。提案していただきありがとうございます –

あなたはポリフィルsvg4everybody

出典

2017-07-20 10:35:52

サプライに両方の属性を使用することができます。現代のブラウザは、xlink：hrefよりhrefを優先します。

最近のブラウザではSafariが実装するまでxlink：hrefのサポートが中止されるとは思われません。その理由から、Firefoxからxlink：hrefサポートを削除することに反対しました。

出典

2017-07-20 10:45:27

SVG Sprites with <use>とxlink：href

答えて

関連する問題