灰度 SVG 在 Firefox 上不起作用

【问题标题】：Grayscale SVG not working on firefox灰度 SVG 在 Firefox 上不起作用
【发布时间】：2012-10-12 18:28:18
【问题描述】：

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

我已设置 SVG 的 mime 类型，mime 类型检查器显示 mime 类型正确。

有人可以帮帮我吗？

【问题讨论】：

标签： css svg

【解决方案1】：

这是因为您使用新的 shorthand notation 对 html 元素（定义为 here）进行过滤效果，在 Firefox 中您必须使用 url(#...) 表示法进行过滤（也是一部分相同的规范，以及它已经工作了很长时间的 SVG 1.1）。

如果您想了解如何制作适用于大多数浏览器的灰度滤镜see here，并且如果您想了解如何将其应用于某些 html，请参阅例如here。

【讨论】：