所以这对我来说是个蠢货。
由于某些js库在window.resize上设置了填充，我需要在svg元素上有一个重要的样式。
对于这个例子，我的css是：
path {
fill: url("#image") !important;
}
我用chrome写了这一切，而且一切都很笨拙。但是，今天早上我看了FF，发现svg元素根本没有显示。
经过多次调试后，我注意到，当我从我的html文档中链接到的css文件中删除样式时，将这些样式添加到＆lt;风格＆GT;标签，firefox开始显示我的图像作为svg路径填充。
很奇怪......
包含任何其他样式不会出现错误，它似乎只是为填充设置了一个URL（#svgPatternId），并且只有在设置！important标志时才会出现此行为。
TL; DR 如果您可以向我解释为什么将相同的样式与包含在HTML中的样式链接为＆lt;风格＆GT;在FF中标记符号，我会给你买啤酒（或者你知道，赞成：P）
不在FF工作： https://jsfiddle.net/s9szby6q/5/
在FF工作： https://jsfiddle.net/s9szby6q/6/
（Firefox版本42.0，mac OS）