Is there something new in Firefox that has made this code not work anymore? I have been using it for awhile and it seems like Firefox is not rounding the borders anymore, any advice?
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
interesting you should say that because after updating my Firefox I had been having troubles with certain CSS (not rounded corners though). :s
(2012-07-24, 11:55 PM)SmItH197 Wrote: [ -> ]interesting you should say that because after updating my Firefox I had been having troubles with certain CSS (not rounded corners though). :s
And you haven't happen to find a solution for it yet, right?
-mox-border-radius: top right bottom left;
=
-mox-border-radius: 5px 5px 5px 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
Should work in all browsers.
(2012-07-25, 12:21 AM)Yaldaram Wrote: [ -> ]border-top-right-radius: 5px;
border-top-left-radius: 5px;
Should work in all browsers.
It should, but it will not.
Many people still uses IE 8- or Firefox 3.6-.
http://caniuse.com/border-radius
I don't really care for anyone that uses Internet Explorer still... I mean come on... Just kidding.
But yeah, it seems like removing the -moz- altogether worked and Firefox is now showing it correctly.
Thanks guys.
I only use border-radius and the webkit prefix these days, and the compatibility is good enough.