گرد کردن لبه های بوردر در css

[probing_online 15]

سلام

من کد سی اس اس برای گرد کردن لبه های بوردر رو می خواستم

طوری که با همه مرورگرها حتی ie 6 سازگار باشه .

این درسته ؟

.rounded-corners {

-moz-border-radius: 10px; /* Firefox */

-webkit-border-radius: 10px; /* Safari and chrome */

-khtml-border-radius: 10px; /* KHTML/Konqueror (Linux browsers) */

-o-border-radius: 10px; /* Opera 10.x */

-icab-border-radius: 10px; /* iCab */

behavior: url(border-radius.htc); /* IE6, IE7 and IE8 */

border-radius: 10px; /* CSS3 and .htc */

}

و کار خاص دیگه ای هم باید انجام بشه ؟

[sonic69 279]

با سلام

آموزش استفاده از این خاصیت ها توی نت موجوده

برای اینکه بخواید این خاصیت توی تمام مرورگرها بدون مشکل ایجاد بشه باید فایل PIE.htc در روت وب سایت داشته باشید

مطلب زیر رو مشاهده فرمایید:

http://moisrex.rozblog.com/post/2485

مطالب زیر هم میتونه مفید واقع بشه:

http://www.knowledgeage.blogfa.com/post/56/%DA%AF%D8%B1%D8%AF-%DA%A9%D8%B1%D8%AF%D9%86-%DA%AF%D9%88%D8%B4%D9%87-divider-%D9%87%D8%A7-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-PIE

و

http://barnamenevis.org/showthread.php?243924-%D8%B1%D9%88%D8%B4%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-Css3-%D8%AF%D8%B1-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1%D9%87%D8%A7%DB%8C-ie6-8

بعد از قرار دادن فایل PIE.htc در روت وب سایت ، هر کجا که از خاصیت های CSS3 استفاده می کنید .خط زیر رو هم درج کنید:

behavior: url('/PIE.htc');

به طور نمونه

#style{
border-radius: 10em;
-moz-border-radius: 8em;
-webkit-border-radius: 6em;
behavior: url('/PIE.htc');
}

موفق باشید