SVG在Firefox中呈现错误

Question

我第一次使用SVG并遇到了这个问题：

我正在使用一些SVG图标，一切正常 - 除了在Windows上的Firefox中呈现错误的一个图标。 OS X上的Firefox可以很好地呈现它。

以下是我将SVG图标放入其中的标题的匿名版本：

http://files.uiux.de/140618_header/

如果我使用上例中使用的Sprite或者我为每个图标使用单独的文件，那么问题仍然存在。

以下是我遇到的渲染问题的两个屏幕截图。问题是很少出现问题。在耳机的下端：

我们已将这些SVG保存在Illustrator中，并将SVG 1.1用作导出设置。

有人可以指出问题似乎在这里吗？

Answer 1

当我用我的FF（30）版本查看时，我没有在示例标题中看到该错误。

在我看来好像是神器/＆＃39;凹陷＆＃39;你看到的是由精灵表中手机旁边的信封图标的最左边一列像素引起的。您可以判断是否放大了图像。

我所做的是为了确保这样的事情不会发生，就是不要在精灵表中将图标放在彼此旁边。在它们之间留下几个像素的间隙。