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 How to Make a Website Adding Pages to a Website Style New Pages

Adolfo Hernandez
Adolfo Hernandez
3,633 Points
Posted by Adolfo Hernandez
Adolfo Hernandez
3,633 Points

How to use border radius on Firefox?

Hi there! I'm following along with the video on Chrome but checking my practice page on Firefox but the border-radius doesn't seem to work on Firefox, I opened the page on Chrome and it worked just fine, how could I solve this? Thanks!

3 Answers

geoffrey
geoffrey
28,736 Points
geoffrey
geoffrey
28,736 Points

It's probably because It's not yet fully supported by FF, in this case you have to use some prefix. You can check it using canIuse.com

         yourSelector{

         border-radius: 25px;
         -moz-border-radius:25px; /* For FF*/


         }
Adolfo Hernandez
Adolfo Hernandez
3,633 Points
Adolfo Hernandez
Adolfo Hernandez
3,633 Points

Thanks geoffrey! I just added the code below the regular border-radius, refreshed the page and didn't work, should I add some extra code to work?

Adolfo Hernandez
Adolfo Hernandez
3,633 Points
Adolfo Hernandez
Adolfo Hernandez
3,633 Points

The weirdest thing! I found the image on Firefox, it is displaying rounded but in the top far-right corner! In Chrome the image is being displayed just fine, I don't understand why, I'm using the same html file in both browsers.