SVG 在 IE 中无法渲染

Question

13

我在我的网站http://www.dailydoog.com上使用了一个 .svg 格式的标志，它在除 Internet Explorer 之外的所有浏览器中都可以正确地渲染。即使是具有内置 SVG 支持的新版 IE（9+），也无法呈现该标志。

我正在使用以下标记：

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

但是它似乎没有任何影响。我是否只是错过了一些非常简单的东西？

- patdugan

你如何渲染它？服务器返回什么内容类型？ - madhead

将其转换为PNG不是一个解决方案吗？对于SVG来说，它相当简单... - Corey Ogburn

@madhead 在IE中SVG渲染正确，但是我应用了宽度而没有设置高度，因此它不会根据我应用的CSS规则显示。 - patdugan

@CoreyOgburn 我想使用 .svg，因为我的网站是响应式的，我不想从 PNG 中增加额外的开销。但说实话，两者都可以很好地工作。 - patdugan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- EricLaw · Accepted Answer

直接导航到所需的SVG文件可以正常工作。

如果您使用F12开发人员工具禁用页面上的CSS，则SVG图像会呈现。

如果从#logo-image img中删除width属性，则它将呈现，或者您可以添加一个 height:35px 属性，SVG将呈现。