Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
IIRC the situation is that IE simply doesn’t support rounded corners, but some other browsers need browser-specific extensions… either FF or web-kit, I don’t recall.
I’m happy to use it in some cases and let IE fall-back to square corners, but does using browser-extension CSS break validation… I quite like having my site validate AND work on IE6.
border-radiuswill validate against CSS3 and will work in IE9 and Opera 9.5+.To support rounded corners in Gecko (Firefox) and WebKit (Safari, Chrome) you would need the vendor extensions
-moz-border-radiusand-webkit-border-radiusfor now. Eventually (sometime around when CSS3 Background and Borders reaches Recommendation stage), those browsers will also support the simpleborder-radiusproperty, but for now they don’t as there are still some issues to be hammered out over the exact syntax for specific elliptical and multiple corners.The
-vendor-xextension properties will never validate, which is a shame, but they are defined by CSS itself to be harmless so you can safely ignore those errors.