css - 灰度 SVG 在 Firefox 上不起作用

Question

关联

在 chrome 中，它运行良好。但是，在 Firefox 中，图像不会出现。

我已经设置了 SVG 的 mime 类型，并且 mime 类型检查器显示 mime 类型是正确的。

有人可以帮我吗？

Answer 1

这是因为您在 html 元素上使用新的速记符号来过滤效果（定义见此处），在 Firefox 中，您必须对过滤器使用 url(#...) 符号（也是同一规范的一部分，并且SVG 1.1，它已经工作了很长时间）。

如果您想了解如何在大多数浏览器中使用灰度过滤器，请参见此处，如果您想了解如何使其应用于某些 html，请参见此处。