2016-04-05 2 views
0

これを奇妙なものにします。SVG同じSVGファイルからリンクすると、1つが消えます

私は、次のを持っている:

<svg aria-hidden="true"> 
    <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#down"></use> 
</svg> 

<table> 
    <tr> 
     <td> 
      <svg aria-hidden="true"> 
       <use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#close"></use> 
      </svg> 
     </td> 
    </tr> 
</table> 

最初のアイコンは表示されません。私は最初のSVGファイルを変更する場合は:両方のショーの後

<svg aria-hidden="true"> 
    <use xlink:href="/assets/icons/standard-sprite/svg/symbols.svg#down"></use> 
</svg> 

、私は同じファイルからSVGに欠けている何かがあるのでしょうか?

<svg>タグが両方とも同じURLを使用している場合、2番目のタグだけが表示されるため、間違いなくURLのことはありません。

多くのおかげ

+0

"/assets/icons/utility-sprite/svg/symbols.svg"ファイルにidが "down"の要素が含まれていないことを示すメッセージが表示されます。あなたは本当にそれになっていますか? –

+0

@PaulLeBeau残念ながら、最初のものが消える2つのスニペットをコピー/ペーストするだけです。それは外部のsvgファイルがキャッシュされているかのようなもので、2つの異なる要素が同じアイコンを使用することはできません。本当に奇妙です! –

+0

外部ファイルの内容を自分のHTMLに貼り付けて#closeまたは#downを使用すると、外部ファイルを使用しているということになります。 –

答えて

-2

私は私はあなたが適切に質問を説明しなければならないと思いますので、完全に確認することはできません、しかし、それは最初のファイルのパスが正しくない可能性があり場合があり得る(すなわち、「リンクを/資産/アイコン/ utility-sprite/svg/symbols.svg#down ")(つまり、スペルエラーの可能性があります)、ファイルがロードされていません。 urlでファイルを手動でロードしてみてください。

+0

ファイルは2番目のSVGにうまく読み込まれるため、はっきりと存在します。 –

+0

@PaulLeBeau申し訳ありませんが、そのことをはっきりと見ていませんでしたが、私は初心者です。 –

関連する問題