Firefox没有显示svg精灵

Question

任何解决方案，为什么IE和Chrome将显示我的svg-sprite，但Firefox更喜欢不显示任何内容。将会显示图标和源代码的位置，但似乎firefox不会渲染它。

我包含svg并以这种方式调用icom

<svg class="icon icon-spoon-knife" viewBox="0 0 16 16">
  <use xlink:href="/adminCSS/pic/sprite.svg#icon-spoon-knife">
</svg>

再次，chrome和IE显示它，firefox不会......

希望你能帮忙！

谢谢

Answer 1

尝试为svg标记或CSS添加宽度和高度。我相信Firefox的表格单元大小调整算法如果没有声明则将其设置为0px×0px。

<svg class="icon icon-spoon-knife" width="16px" height="16px" viewBox="0 0 16 16">