如何使用外部SVG元素在IE 9-10-11（<use>標籤）

<svg viewBox="0 0 20 20" class="icon"> 
    <use xlink:href="/img/svg/road.svg#Laag_1"></use> 
</svg>

我的文檔類型是正確的。當我將它添加到一般的<img>標記中時，會顯示SVG。我不能這樣做的原因是我不能做任何動畫（例如：fill：#fff;），所以這是唯一的解決方案。

圖標在所有其他瀏覽器中正確顯示。這裏的任何想法？

你正在使用哪個IE版本？ –

IE8不支持http://caniuse.com/#feat=svg –

哦，的確不是很清楚。它不需要在IE8中工作。 IE10 +（但未在10或11中顯示） –

（發現過Robert Longson的評論答案）

這裏的問題是外用藥使用標籤的。解決這個問題的一種方法是使用由Jonathan創建的svg4everybody庫。

只是實現它在頁腳，調用函數svg4everybody（）;它完成了這項工作。請注意，您需要SVG文件的特定標記才能使其工作。 SVG圖像的

標記略有改變：

<svg title="Tower" role="img" class="icon"> 
    <use xlink:href="/img/svg/_svg-icons.svg#tower"/> 
</svg>

的「視框」現在在一般_svg-icons.svg文件中指定（和標題和角色可讀性指定）

2016-03-08 14:02:40

回答