Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Why is it that image grayscaler code for website is not functioning with Mozilla Firefox, yet it does to other browser?

more options

I just noticed that my code(in my blog site), which is a ordinary code that allows image to turn into its grayscale form and hover its original color, is not functioning with Mozilla Firefox browser. But with other browsers, it's working. I hope you can help me with this little issue. Thank you!

I just noticed that my code(in my blog site), which is a ordinary code that allows image to turn into its grayscale form and hover its original color, is not functioning with Mozilla Firefox browser. But with other browsers, it's working. I hope you can help me with this little issue. Thank you!

Chosen solution

Does it use a CSS rule similar to:

filter: grayscale(100%)

This property is not yet implemented in Firefox. It is scheduled to be implemented in Firefox 34, according to https://developer.mozilla.org/en-US/docs/Web/CSS/filter

Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

Does it use a CSS rule similar to:

filter: grayscale(100%)

This property is not yet implemented in Firefox. It is scheduled to be implemented in Firefox 34, according to https://developer.mozilla.org/en-US/docs/Web/CSS/filter