در همین راستا یک سری تکنیک ها هست که مشکل رو حل می کنه- استایل شیت اصلی ترو تمی باقی می مونه
- استفاده از تکنیک های قابل قبولی که توسط مایکروسافت تصویب شده
- داشتن کدهایی استاندارد بدون استفاده از هک ها
به یاد داشته باشید که این شرطی نویسی فقط برای کدهای سی اس اس نیست. شما می تونید از کدهای جاوااسکریپت و تگ هایی که فقط نیاز دارید در IE نمایش داده بشن استفاده کنید.
حالا شروع می کنیم:
تمامی نسخه های IE:
<!--[if IE]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
مرورگرهای دیگر(به غیر از IE)
<!--[if !IE]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
فقط IE7
<!--[if IE 7]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
فقط IE6
<!--[if IE 6]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
فقط IE5
<!--[if IE 5]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
فقط IE5.5
<!--[if IE 5.5000]> |
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> |
<![endif]--> |
فقط IE6 و نسخه های قدیمی تر
<!--[if lt IE 7]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
<!--[if lte IE 6]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
فقط IE7 و نسخه های قدیمی تر
<!--[if lt IE 8]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
<!--[if lte IE 7]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
فقط IE8 و نسخه های قدیمی تر
<!--[if lt IE 9]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
<!--[if lte IE 8]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
فقط IE6 و نسخه های تازه تر
<!--[if lt IE 7]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
<!--[if lte IE 6]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
فقط IE7 و نسخه های تازه تر
<!--[if lt IE 8]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
<!--[if lte IE 7]> |
<link rel="stylesheet" type="text/css" href="ie6-and-down.css" /> |
<![endif]--> |
هک ها
هک ها روش های غیر استانداردی هستن که می شه مشکلات رو باهاشون حل کرد ولیدیتور w3c از ای هک ها خطا می گیره.
برای اینکه یک خصوصیت مثلن margin در IE6 کار بکنه و در سایر مرورگرها ندیده گرفته بشه من از این روش استفاده می کنم:
_margin: 10px; |
* از – هم می تونید به جای ـ استفاده کنید
برای IE7 هم می تونید از علامت * ستاره استفاده کنید:
*margin: 10px; |
یه سری هک دیگه هم وجود داره که می تونید برای اطلاعات بیشتر به این پیوند مراجعه کنید.
امیدوارم مفید بوده باشه
منبع : css-tricks
