Html img标签中的SVG在firefox中不作为图像加载

我试图使用img标记加载我的svg文件，但它在firefox上不起作用。Chrome显示svg。我正试着这样做

这是我的密码

---

我们刚刚遇到了一个问题，在Firefox中无法显示SVG。 初步测试表明，如果img的祖先没有定义的宽度，就会出现问题。。。 img标记也没有内联的宽度或高度定义-因此这可能没有帮助。

在本例中，为div指定一个宽度会使svg显示出来

---

PS锚定标签和img标签都有css定义的宽度

我有一个类似的问题，请参考下面的屏幕截图。在firefox中，未加载SVG。若我右键点击图片并在新的选项卡/窗口中打开，那个么它就可以打开了

我已经为

img

标签提供了

height=“300”

和

width=“150”

属性，并从

CSS

中删除了

%age/auto

中的宽度。这为我解决了这个问题

我也尝试过在

px

中编码宽度，而不是在CSS中编码

%

，只有这样做同样有效

因此，根据我的理解，SVG需要在firefox中定义一个

高度/宽度

，以便在具有高度/宽度属性的图像标签上或在CSS中正确渲染

我希望这会有帮助

---

当心！在img元素中的网页上显示SVG并不总是有效的

它在许多情况下有效，但在某些情况下不起作用，例如SVG文件包含嵌入图像（图像元素）时

---

根据：“出于安全原因，浏览器在使用img标记添加到页面时，将禁用SVG脚本、链接和其他类型的交互。此外，如果在单独的CSS文件中定义，IE9、Chrome和Safari将不会对SVG应用样式表规则。”

mymap.SVG中有什么内容？究竟什么是“不起作用”？mime类型正确吗？如果你直接查看文件，你能看到图像吗？mymap.svg是没有外部依赖关系的单个文件吗？它使用CSS3制作动画。我已更改我的描述。。谢谢，我只是想知道我的firefox没有显示svg，根本没有显示（对我来说是这样），或者确实显示但没有动画？在css中添加显式宽度对我来说很有用！谢谢。很高兴知道：）