我试图使用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显示.
初步测试表明,如果img的祖先没有定义的宽度,就会出现问题……
img标签也没有内联宽度或高度定义 – 因此可能没有帮助.
< div>< a>< img src =“image.svg”/>< / a>< / div>
在这个例子中 – 给div一个宽度作为svg显示.
PS锚标签和img标签都有css定义的宽度