firefox - 无法在 Firefox 中显示我的 svg 图像？

Question

我无法在 Firefox 中显示我的 svn-image...它在 Safari 和 Chrome 中运行良好(没有 IE，所以还没有测试过)。

它在我的 html 中是这样实现的；

img class="logo1"src="/images/logo6.svg"

其中 logo1 只是​​一个定位类。

我试过用谷歌搜索，但刚刚发现 Firefox 不支持 sag，但尽管如此，还是有办法显示它。尽管如此，所有解决方案都很难理解。 (我不是程序员!)

有没有简单的方法可以做到这一点？

Answer 1

您没有在任何地方为 SVG 指定大小。在您的 logo1类，你指定 100%，但 100% 关闭什么？ Chrome 正在工作，因为它默认为“不确定大小”默认值，即 300 像素宽度。但是 Firefox 使用的是父元素 ( <li> ) 宽度的 100%，即 0

在您的 logo1 中指定实际宽度和/或高度类，一切都应该在 FF 中正常工作。

.logo1 {
    padding-top: 6px;
    width: 300px;
}