Fmdpa 9 Posted August 8, 2012 Report Share Posted August 8, 2012 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 Quote Link to post Share on other sites
dsonesuk 913 Posted August 8, 2012 Report Share Posted August 8, 2012 Works in FF version 6 and 10. I think 12 (I think it was 12) is problematic, thats why 13, or 14, was brought out sharpish. Quote Link to post Share on other sites
Fmdpa 9 Posted August 8, 2012 Author Report Share Posted August 8, 2012 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? Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.