css - 灰度 SVG 不适用于 Firefox

Question

link

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

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

有人能帮帮我吗？

Answer 1

这是因为您正在使用新的 shorthand notation对于 html 元素的过滤器效果(定义为 here )，在 Firefox 中，您必须使用 url(#...) 过滤器的符号(也是同一规范的一部分，以及它一直在工作的 SVG 1.1很长一段时间)。

如果您想了解如何制作适用于大多数浏览器的灰度滤镜 see here , 如果您想阅读有关如何将其应用于某些 html 的信息，请参见例如 here .