Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Brian Hernandez
Brian Hernandez
20,285 Points

About CSS Linear Gradient Support

I was viewing the CSS Linear Gradient - Unprefixed Syntax video while playing around in Sublime Text to see how this particular element worked. I wasn't getting anything for me to show up in Firefox (the -moz- prefixed wasn't added to my code). However, I saw Guil's Firefox in the video rendered the div with it's proper gradients. When I added the -moz- prefix it then rendered fine. I'm using FF 10.0.2.

Why did Guil's FF render the gradient without the -moz- prefix and mine didn't? My FF version is up-to-date it says...

And btw, I thought if a particular feature of CSS was supported by a browser no vendor prefix was needed for that particular browser. Come to think of it, how is it that sometimes a browser doesn't support a particular feature but adding a web prefix allows that particular feature to be rendered? I'm just confused about what support and unsupported means...

5 Answers

Could be due to your version of FF. The most current stable version of FF is 27.0.

James Barnett
James Barnett
39,199 Points

You can always check browser support for a CSS feature on caniuse.com

http://caniuse.com/css-gradients

You'll see prefix support was added in FF version 3.6 and unprefixed in version 16

James Barnett
James Barnett
39,199 Points

In terms of vendor prefixes this is a good read on cutting down on vendor prefixes

Staffan Mowitz
Staffan Mowitz
17,079 Points

Donald's correct. You need to update Firefox!

Here's a good article about vendor prefixes and why they're used: http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm

Brian Hernandez
Brian Hernandez
20,285 Points

Ok yea... wow. For some reason, I was checking for updates and even visiting the mozilla site and both were saying I was up to date with my 10.0.2 version. Maybe because I did some tweaking to my FF a long time ago. I haven't used it much lately so I hadn't noticed. Thanks guys!

James Barnett
James Barnett
39,199 Points

You can always check out freshbrowser.com to see when a browser came out and what the latest version is.

Version 10.0.2 came out 2 years ago next week.