2013-08-27 9 views
11

私のウェブサイトには.svgロゴがあります。http://www.dailydoog.comは、Internet Explorerを除くすべてのブラウザで正しくレンダリングされます。 SVGをサポートしているIE(9以降)の新しいバージョンでさえ、ロゴを表示しません。IEでレンダリングされないSVG

私は、次のマークアップ

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

を使用していますが、それはどんな影響を与えているように見えるしません。 ここで本当にシンプルなものが欠けていますか?

+0

どのようにレンダリングしますか?サーバーから返されたcontent-typeは何ですか? – madhead

+0

解決策ではなくPNGに変換していますか?それはSVGのためにかなり普通です... –

+0

@madhead svgがIEで正しくレンダリングされていましたが、高さのない幅を適用していたため、適用したCSSルールに基づいて表示されませんでした。 – pdugan20

答えて

14

問題のSVGに直接ナビゲートすると問題なく動作します。

ページでCSSを無効にするためにF12開発ツールを使用すると、SVGイメージがレンダリングされます。

widthプロパティを#logo-image imgから削除するとレンダリングされるか、代わりにheight:35pxプロパティを追加するとSVGがレンダリングされます。

おそらくこの質問に関連していますか? SVG in img element proportions not respected in ie9

+0

あなたは男です!助けてくれてありがとう。私はそれを元の解像度でsvgを残し、今はすべてのブラウザで正しく動作しています。 – pdugan20

関連する問題