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?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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?
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.