PDA

View Full Version : گرد کردن گوشه های یک کامپوننت- CSS



hana1369
سه شنبه 12 دی 1391, 11:41 صبح
با سلام خدمت همه برنامه نویسان
دوستان یه سوال؟
ما توی CSS یک پراپرتی با این عنوان داریم:
border-radius:20px;
درسته؟
حالا مشکل من!
گرد کردن گوشه های کامپوننتم رو فقط تو google chrom نشون میده!
تو IE و Fire fox نشون نمیده
خیلی تو نت جستجو کردم
این لینک رو ببیند لطفاً
http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
من نفهمیدم فایل .htc چیه و چه جوری میتونم ایجاد کنم و توش چی بنویسم؟
لطفا کمک کنید
با تشکر

saadatieathar
سه شنبه 12 دی 1391, 11:51 صبح
سلام.
اين :
http://s1.picofile.com/file/7604215371/border_radius.zip.html
رو بگيريد متوجه مي شيد.
توي همه مرورگرها جواب ميده.

hana1369
سه شنبه 12 دی 1391, 12:11 عصر
سلام دوست عزیز
مرسی از کمکتون
ولی نمونه شما رو هم اجرا کردم تو IE نشون نمیده
بعدش من با CSS میخوام با جاوا اسکریپت نه!
چون جاوا اسکریپت بلد نیستم
وقتم هم خیلی کمه بخوام یاد بگیرم!

hana1369
سه شنبه 12 دی 1391, 12:13 عصر
من با CSS میخوام:گریه:
میشه همین کد که تو جاوا اسکریپت نوشتین بیارین تو CSS?

کامروا
سه شنبه 12 دی 1391, 12:15 عصر
Mozila :
-moz-border-radius: 5px;
Chrome - Safari:
-webkit-border-radius: 5px;
IE :
-ms-border-radius: 5px;
Opera :
-o-border-radius: 5px;

saadatieathar
سه شنبه 12 دی 1391, 12:17 عصر
دوست عزيز border-radius رو مرورگرهايي پشتيباني مي كنند كه از css3 پشتيباني مي كنند.نسخه هاي قديمي ie از css3 پشتيباني نمي كنند.
ساده ترين راهش همينه كه من گذاشتم.

saadatieathar
سه شنبه 12 دی 1391, 12:21 عصر
لزومي نداره شما جاوا اسكريپت بلد باشيد.شما فقط يك فايل رو فراخواني مي كنيد همين.

hana1369
سه شنبه 12 دی 1391, 12:21 عصر
مرسی دوست عزیز
این هم قبلاً امتحان کردم
نشد!

کامروا
سه شنبه 12 دی 1391, 12:24 عصر
مرسی دوست عزیز
این هم قبلاً امتحان کردم
نشد!
برای IE -8 باید از روش آقای saadatieathar استفاده کنید.

hana1369
سه شنبه 12 دی 1391, 12:24 عصر
لزومي نداره شما جاوا اسكريپت بلد باشيد.شما فقط يك فايل رو فراخواني مي كنيد همين.

بله میدونم!
ولی نمیخوام چیزی که بلد نیستم رو تو پروژه ام بیارم!
مرسی از کمکتون.