IE不顯示SVG

IE不在我的網站上顯示SVG圖像。IE不顯示SVG

未顯示的第一張圖片是通過以下方式放置的徽標圖像：在Logofont前放置內容。

的CSS代碼如下：

.logo-svg:before { 
    content: url('images/logo.svg'); 
} 

.logo-svg { 
    height: 1.6em; 
    width: 1.6em; 
    display: inline-block; 
    margin-right: 0.2em; 
    position: relative; 
    top: 0.2em; 
}

那麼一些圖片，是不是太顯示圖標的背景圖像，CSS是在這裏：

.author-link-posts { 
    background-image: url("/images/icons/svg/archive.svg") !important 
}

有人偷一個想法爲什麼IE不顯示SVG或者可能是解決方法或類似的東西？

問候，馬庫斯

來源

2015-08-28 Sukrams

您可能需要說明您希望使用哪個版本的Internet Explorer。 IE在支持Web標準方面出了名，因此您可能會發現大多數IE版本都不支持您希望使用的功能。 – Bobulous

您定位的ie版本是什麼？即從版本9（此時4歲）開始對svg有所支持。 – TZHX

哪個版本的IE？另請參閱：http://caniuse.com/#feat=svg – AllTheGoodNamesWereTaken

SVG不支持在IE8及以下。這個問題是否發生在所有其他瀏覽器中？您也可以使用modernizr作爲後備。

基本上Modernizr會在標籤中添加一個「no-svg」類。

來源

2015-08-28 14:41:43

這應該是一條評論。 – hungerstar

...但它不能在IE9，IE10，IE11，... – Sukrams

解決方案是路徑。我不得不在路徑之前加上斜線，所以它在IE中起作用。

來源

2016-02-11 10:35:26 Sukrams

這兩個路徑，或只是'：before'之一？ – dakab

就是'：before'之一 – Sukrams

IE不顯示SVG

回答

相關問題