クロムでは、完璧に機能しています。ただし、Firefox では画像が表示されません。
SVG の MIME タイプを設定しました。MIME タイプ チェッカーは、MIME タイプが正しいことを示しています。
誰か助けてくれませんか?
これは、HTML要素のフィルター効果に新しい省略表記を使用しているためです(ここで定義されています)。Firefoxでは、フィルターにurl(#...)表記を使用する必要があります(これも同じ仕様の一部であり、長い間機能しているSVG1.1の)。
ほとんどのブラウザで機能するグレースケールフィルタを実行する方法を確認したい場合は、ここを参照してください。また、HTMLに適用する方法については、ここを参照してください。