【发布时间】：2016-06-12 17:20:28
【问题描述】：
我无法解释以下行为。我使用 grunt svg sprite 在某个目录中创建了我所有 SVG 文件的 SVG 精灵。
结构如下：
<svg width="0" height="0" style="position:absolute">
<defs>
//my svgs
</defs>
</svg>
这里是小提琴： https://jsfiddle.net/swf8rtog/
计划是将这些 SVG 组内嵌在 body 标记中，这样我就不需要额外请求图标字体了。对于 svg 图标的多次使用，您可以参考 use xlink:href="#id_of_the_original_svg"。您可以在此页面上看到一个工作示例：http://www.chip.de/preisvergleich/
我尝试使用 CSS 显示 SVG，给它们设置宽度、高度、显示：块、颜色、填充等属性，但没有任何效果。
但路径似乎是正确的。未在 def 组中加载时，图标会显示：https://jsfiddle.net/vtnLnsrh/
那么我错过了什么？为什么它不起作用？
【问题讨论】：