html5 – img标签中的SVG未在firefox中加载为图像

前端之家收集整理的这篇文章主要介绍了html5 – img标签中的SVG未在firefox中加载为图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用img标签加载我的svg文件,但它不能在Firefox上运行. Chrome显示了svg.我试着这样做 http://www.schepers.cc/svg/blendups/embedding.html.

这是我的代码……

<img src="http://ubuntu.digitalfront.ca/ghcorp/wp-content/uploads/2014/09/hillsdale.svg" alt="" class="img-responsive" />

在Firefox中,svg根本没有显示出来.我怎样才能解决这个问题?

解决方法

我们刚刚遇到一个SVG无法在Firefox中显示的问题.
初步测试表明,如果img的祖先没有定义的宽度,就会出现问题……
img标签也没有内联宽度或高度定义 – 因此可能没有帮助.
< div>< a>< img src =“image.svg”/>< / a>< / div>
在这个例子中 – 给div一个宽度作为svg显示.

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

原文链接:https://www.f2er.com/html5/168368.html

猜你在找的HTML5相关文章