SVG使用外部源无法在Firefox上运行

Question

我正在尝试制作SVG图标精灵，就像这个小提琴一样

http://jsfiddle.net/8ke8nsft/6

唯一的区别是在我的应用程序上，我使用相对URL“ ../images/svg-sprite.svg#home-icon”，这在chrome和safari上效果很好，但在Firefox上却不显示。

<svg class="home-icon">
    <use xlink:href=../images/svg-sprite.svg#home-icon"/>
</svg>

当我在页面顶部内联添加svg sprite并使用它时，Firefox可以完美运行

<svg class="home-icon">
    <use xlink:href=#home-icon"/>
</svg>

这是我的SVG文件

<svg>
    <symbol id="home-icon" viewBox="0 0 512 512">
        <title>Home Icon</title>
        <path d="M512,296l-96-96V56h-64v80l-96-96L0,296v16h64v160h160v-96h64v96h160V312h64V296z"/>
    </symbol>
</svg>

我在这里想念什么吗？

Answer 1

为了更好地保护您的安全，Firefox 仅允许文件引用位于原始文件的同一目录或子目录中的其他文件。

如果您通过网络服务器访问内容，则此限制不适用，但网络服务器可能会对文件位置施加其他限制。