CSS3 Border Radius Issue ! ! !

[MartyBoi]

Hello and Greetings….

I am trying to get the ( border-radius.htc ) to work, but it won’t. I wonder if it’s because I am using XAMPP as a testing server. Someone told me about CSS3Pie, but I don’t really know about that.

Does anyone have any advice for this poor soul?

Thank you….

[Billy]

if you want CSS3 border-radii, just use the CSS code, and you don’t need anything to test with other than a browser.

.rounded-corners {

-khtml-boder-radius: 10px;

-moz-boder-radius: 10px;

-o-boder-radius: 10px;

-webkit-boder-radius: 10px;

boder-radius: 10px;

}

[MartyBoi]

cyneWATCH, I am using the code, and it does work in the major browsers. The issue is IE related…. IE8 and below…. It is these Browsers that don’t recognize CSS3 as of yet…..

[Marie]

You could take look at http://www.modernizr.com.

[TheDoc]

Also, I would say that older versions of IE not having rounded corners is okay. It’s a tiny difference in the larger scheme of things.

[pravin1059]

hi dear, Please check the spelling for border
where its not boder its “border”

above that i have’nt seen khtml engine yet.

try this code if it works

-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

Best way i follow is

http://www.border-radius.com
to generate border-radius code.

Thanks

[pravin1059]

ignore my comment

[Author]

Posts