SVG 无法在 Firefox 中正确呈现答案

【问题标题】：SVG not rendering properly in FirefoxSVG 无法在 Firefox 中正确呈现
【发布时间】：2014-07-07 10:43:30
【问题描述】：

我在 Firefox 中遇到 SVG 渲染问题。虽然它适用于 Safari、Chrome 甚至 IE，但它不适用于 Firefox。检查元素似乎有图层，但只有背景可见，好像它的 z-index 高于其他的 z-index。

在 Firefox 中渲染： SVG logo in Firefox

原始源文件链接：SVG File

感谢您的帮助。

PS：我使用 Sketch 3 导出 svg。如果有帮助的话。

【问题讨论】：

【解决方案1】：

您正在体验bug 995813。

我前段时间修复了此错误，但该更改仍在发布过程中进行，因此您的示例将从 2014 年 7 月 22 日发布的 Firefox 31 开始正确显示。

同时，如果您将 fill="white" 从 <mask> 元素移动到子 <use> 元素，这将解决 Firefox 错误。

【讨论】：