2013-08-27 123 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