【问题标题】:SVG not rendering in IESVG 无法在 IE 中呈现
【发布时间】:2013-08-30 13:42:14
【问题描述】:

我的网站上有一个 .svg 徽标 http://www.dailydoog.com,它在除 Internet Explorer 之外的所有浏览器中都能正确呈现。即使是具有内置 SVG 支持的较新版本的 IE (9+) 也不会呈现徽标。

我正在使用以下标记

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

但它似乎没有任何影响。 我只是在这里遗漏了一些非常简单的东西吗?

【问题讨论】:

  • 如何渲染它?从服务器返回什么内容类型?
  • 将其转换为 PNG 不是解决方案吗?对于 SVG 来说这很简单......
  • @madhead svg 在 IE 中正确呈现,但我应用了没有高度的宽度,因此它没有根据我应用的 CSS 规则显示。
  • @CoreyOgburn 我想使用 .svg,因为我的网站是响应式的,而且我不希望 PNG 的额外开销。老实说,尽管两者都可以正常工作。

标签: html css internet-explorer svg


【解决方案1】:

直接导航到有问题的 SVG 可以正常工作。

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

如果您从 #logo-image img 中删除 width 属性,它会渲染,或者您可以添加 height:35px 属性,然后 SVG 将渲染。

也许与这个问题有关? SVG in img element proportions not respected in ie9

【讨论】:

  • 你就是那个男人!非常感谢你的帮助。我只是将 svg 保留为原始分辨率,现在它可以在所有浏览器中正常工作。
猜你喜欢
  • 2017-06-28
  • 1970-01-01
  • 2017-06-09
  • 2015-03-08
  • 2012-04-01
  • 1970-01-01
  • 2015-10-11
  • 1970-01-01
  • 2020-03-01
相关资源
最近更新 更多