几个月前,我参与了这个项目,并且效果很好。我今天将其打开,但svg图像未显示在chrome上。它确实在其他浏览器中显示。这就是我的使用方式。
<svg>
<use xlink:href=“img/sprite.svg#icon-user”></use>
</svg>
答案 0 :(得分:0)
您的代码看起来不错。尽管您可以使用自动结束标记来缩短<use>
:
<svg>
<use xlink:href=“img/sprite.svg#icon-user”/>
</svg>
可能是您的图片已被移动/删除/重命名,而其他浏览器只是在缓存它吗?
答案 1 :(得分:0)
您声明它在一个浏览器中可见,但在另一浏览器中不可见,因此表明该图像应在该位置。是否有任何CSS可能影响“图标用户”?
哪种浏览器有效,哪种无效?了解更多详细信息可能会帮助您找到答案。
答案 2 :(得分:0)
我遇到了类似的问题,这是由id
中重复的符号sprite.svg
引起的。
仅当chrome从磁盘缓存加载svg文件时才可重现。 related PR
中的更多详细信息即使不是icon-user
,也请确保您没有重复的ID。