گرد کردن div در مرورگر اکسپلورر

خیلی از افراد در مورد این مشکل برخی مواقع بهم پیام میدن . خیلی از طراحان وب هم که تجربه ی بالایی دارن با این موضوع آشنایی ندارند. وقتی میان با دستورات css دیو رو گرد میکنند می بینن که مرورگر اکسپلورر از این دستورات پشتیبانی نمیکنه. پس بیخیالش میشن یا باهاش میسازن.

ولی این مشکل یه راه حل داره اونم استفاده از فایل PIE . بعضی افراد هم هستند که درست از این فایل استفاده نمیکنن. اینو بگم که شما نمی تونی این فایل رو بذاری روی هاست سایتت بعد آدرسش رو بدی به قالب وبلاگت. باید اگه روی یک سایتی آپلود میکنی روی همون سایت هم ازش استفاده کنی.

نکته:فقط دقت کنید که فایل PIE شما باید حجمش 40 کیلو باید باشه. می تونید اینجا دانلودش کنید.

<html>

<head>

<title>ravandi</title>

<style type="text/css">

.asli{

width:500px;

height:50px;

background:#DCDEED;

border-radius:5px;

behavior: url('PIE.htc');

}

</style>

</head>

<body>

<div align="center">

<div class="asli">

</div>

</div>

</body>

</html>

برای اینکه div شما بیشتر گرد بشه شما میای و  مقدار border رو بیشتر میکنی. مثلاً:

border-radius:15px;

شما حتی می تونید برای text و دکمه هم این کار رو انجام بدید:

<html>

<head>

<title>ravandi</title>

<style type="text/css">

input{

border-radius:15px;

behavior: url('PIE.htc');

}

</style>

</head>

<body>

<div align="center">

<form method="POST">

<input type="text" dir="rtl" name="name">

<input type="submit" value="ارسال">

</div>

</body>

</html>

منتظر نظرات شما دوستان هستم.

نظرات 2 + ارسال نظر
مهرداد دوشنبه 18 دی‌ماه سال 1391 ساعت 08:52 ب.ظ http://seifzadeh.blog.ir

وبلاگ خوب و پرمحتوایی دارید
همیشه موفقید باشید

زینب شنبه 12 اسفند‌ماه سال 1391 ساعت 11:58 ب.ظ

سلام
شما گفتید نمیشه روی یک سایت اپلود کرد و بعد روی یه وبلاگ از یه سایت دیگه استفاده کرد . من وبلاگم روی یه سایتی که اجازه اپلود فایل نمیده خب تو این حالت باید چیکار کرد ؟

هیچی باید اکسپلورر رو تحریم کنید

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد