Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

i made a button in my website to change background color from "background" to anthor "background" and this work on chrom and opera but don't work in firefox

more options

I'm a web designer and i made a button with jquery in my website to change background color from "background" to anther "background" and this work on chrome and opera without any error but don't work in Firefox

I'm a web designer and i made a button with jquery in my website to change background color from "background" to anther "background" and this work on chrome and opera without any error but don't work in Firefox

All Replies (8)

more options

Hi, Please supply URL to site .

more options

i'm still working on it, not finished yet

more options

some information( when i type "background-color" it works but it will be "background: linear-grediant" so it doesn't work )

more options

I would suggest up loading your file to Validator and Jigsaw. Firefox sees code stricter than other browsers : W3C.org (World Wide Web Consortium) in charge of standards and practices and future development of web pages and web browsers make the rules on code. Mozilla Firefox follows these rules. W3C.org Who make the rules for web code. HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/ and https://validator.w3.org/i18n-checker/ and http://mobile.css-validator.org/

Please let us know if this solved your issue or if need further assistance.

more options

For quick reference, here is the documentation:

https://developer.mozilla.org/docs/Web/CSS/linear-gradient

If you want to set up a demo of what you're trying to do, you can use this site (no account required):

https://jsfiddle.net/

I suggest avoiding any scripting that isn't necessary to demonstrate the problem. Just HTML and CSS may be best. However, if the problem only occurs when using jQuery, if you click the cdnjs button in the left column, you can find and include jQuery into the demo.

more options

Here's a starter fiddle to, er, fiddle with:

https://jsfiddle.net/4b56ypcb/3/

more options

( jscher2000, Pkshadow ) thank you for your help it still working on chrome and opera and don't work on firefox but i find another way to do that . thank you.......

more options

moadel said

( jscher2000, Pkshadow ) thank you for your help it still working on chrome and opera and don't work on firefox but i find another way to do that .

Do you mean you can't see the colorful gradient on the button here when you view it in Firefox:

https://jsfiddle.net/4b56ypcb/3/

It's hard to think of a reason you could see a background color on a button but not a background image on the same button. ??