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?
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With