رفتن به مطلب
probing_online

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

پست های پیشنهاد شده

سلام

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

طوری که با همه مرورگرها حتی 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 */

}

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

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

با سلام

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

برای اینکه بخواید این خاصیت توی تمام مرورگرها بدون مشکل ایجاد بشه باید فایل 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');
}

موفق باشید

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...