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 trialAdolfo Hernandez
3,633 PointsHow 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
28,736 PointsIt'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
3,633 PointsThanks 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
3,633 PointsThe 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.