CODEWITHSUNDEEP
csssvg
Namanyay Goel
Namanyay Goel

Reputation: 2700

Grayscale SVG not working on firefox

link

In chrome, it is working perfect. However, in Firefox, the images do not appear.

I have set the SVG's mime type, and mime type checkers are displaying that the mime type is correct.

Could someone help me out?

Upvotes: 2

Views: 928

Answers (1)

Erik Dahlström
Erik Dahlström

Reputation: 61026

It's because you're using the new shorthand notation for filter effects on html elements (as defined here), in Firefox you'll have to use the url(#...) notation for filters (also part of the same spec, and of SVG 1.1 where it's been working for a long time).

If you want to see how to do a grayscale filter that works in most browsers see here, and if you want to read about how you make it apply to some html see e.g here.

Upvotes: 2

Related Questions