Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

SVG not rendering in IE

I have a .svg logo on my website, http://www.dailydoog.com, and it renders correctly in every browser except for Internet Explorer. Even newer versions of IE (9+) that have built-in SVG support won't render the logo.

I'm using the following markup

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

but it doesn't seem to be having any impact. Am I just missing something really simple here?

like image 705
patdugan Avatar asked Aug 27 '13 17:08

patdugan


1 Answers

Navigating directly to the SVG in question works fine.

If you use the F12 Developer Tools to disable CSS on the page, the SVG image renders.

If you remove the width property from #logo-image img, it renders, or you can add a height:35px property instead and the SVG will render.

Perhaps related to this question? SVG in img element proportions not respected in ie9

like image 147
EricLaw Avatar answered Nov 15 '22 23:11

EricLaw