2013-08-27 122 views
11

我在我的網站上有一個.svg徽標,http://www.dailydoog.com,並且它在除Internet Explorer之外的每個瀏覽器中呈現正確。甚至具有內置SVG支持的IE(9+)的新版本也不會渲染徽標。SVG未在IE中呈現

我用下面的標記

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

,但它似乎並沒有爲具有任何影響。 我在這裏錯過了一些非常簡單的東西嗎?

+0

如何渲染它?什麼內容類型從服務器返回? – madhead

+0

是否將其轉換爲PNG而不是解決方案?這對於SVG來說很簡單...... –

+0

@madhead svg在IE中正確渲染,但我使用的是沒有高度的寬度,因此它沒有根據我應用的CSS規則顯示出來。 – pdugan20

回答

14

直接導航到問題的SVG工作正常。

如果使用F12開發工具禁用頁面上的CSS,則會呈現SVG圖像。

如果您從#logo-image img中刪除width屬性,則它會呈現,或者您可以添加height:35px屬性,而SVG將呈現。

也許與此問題有關? SVG in img element proportions not respected in ie9

+0

你是男人!非常感謝你的幫助。我剛剛將svg保留爲原始分辨率,現在它可以在所有瀏覽器中正常工作。 – pdugan20