Jump to content

Firefox Not Drawing Gradient


Fmdpa
 Share

Recommended Posts

I have a "pushed down" effect applied to active tabs in a navigation bar I made. It works in Opera, Safari, and Chrome. However, Firefox doesn't do the gradients for me. Is this Firefox's problem, or a syntactical error? Relevant code:

#header .active {    background-color: #eee;    background-image: -moz-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -moz-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -moz-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));    background-image: -o-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -o-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -o-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));    background-image: -webkit-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -webkit-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -webkit-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));    background-image: -ms-radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -ms-radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   -ms-linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));    background-image: radial-gradient(-2% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   radial-gradient(102% 68%, 6% 47%, rgba(0, 0, 0, 0.5059), rgba(0, 0, 0, 0)),								   linear-gradient(bottom, rgb(238, 238, 238), rgb(193, 193, 193) 35%, rgb(238, 238, 238));}

Site: http://www.alaskavoicesforfreedom.com/about

Link to comment
Share on other sites

Are you talking about the main background gradient, or the active tab gradients? This is what it has looked like for me: http://prntscr.com/dgpd3 Taken in FF 14, but it's been like that since I created the website months ago. FF doesn't seem to like the % values for the gradient positioning. Shouldn't it work? Am I doing something wrong?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...