javascript - SVG 在外部托管时不会在任何浏览器中呈现

Question

我在外部域上托管了以下 allIcons.svg 文件，符号 id#icon-svg-cta 的定义如下所示：

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="0" style="position:absolute" width="0">

 <symbol id="my-svg-cta" viewBox="0 0 64 48" xmlns="http://www.w3.org/2000/svg">
  <g>
   <fill-code>
 </g>
 </symbol>

</svg>

下面是我的 HTML 的样子：

<svg class="my-svg-cta">    
 <use xlink:href="https://<external-domain>/allIcons.svg#my-svg-cta"></use>
</svg>

如果我在内部使用该文件，它可以正常工作，但在外部托管时，图标不会在任何浏览器（Chrome/FF）上呈现。

标签： javascripthtmlcsssvg