سی اس اس فقط برای IE

۱۳۸۹/۱۱/۰۷

برای طراحان وب یکی از معظلاتی که همیشه بوده و امیدواریم به زودی بر طرف بشه internet explorer بوده و هست. این مرورگر(!) تقریبن هیچ وقت استاندارد نبوده و گویا علاقه ای هم به استاندارد شدن نداره (البته بعد از IE8 اوضاع یه کم داره بهتر می شه و IE9 تقریبن کمی از نگرانی ها رو برطرف کرده) اما به جرات می شه عنوان کرد که غول مرحله ی آخر طراحان وب IE6 می باشد. در همین راستا یک سری تکنیک ها هست که مشکل رو حل می کنه

در HTML ما می تونیم برای استفاده از CSS هامون شرط تعیین کنیم. یعنی برای نمونه بگیم که اگر مرورگر کاربر IE بود ie.css رو لود کن و اگر مرورگرهای دیگه بودن style.css. این کار چه مزایایی داره؟

  • استایل شیت اصلی ترو تمی باقی می مونه
  • استفاده از تکنیک های قابل قبولی که توسط مایکروسافت تصویب شده
  • داشتن کدهایی استاندارد بدون استفاده از هک ها
  • به یاد داشته باشید که این شرطی نویسی فقط برای کدهای سی اس اس نیست. شما می تونید از کدهای جاوااسکریپت و تگ هایی که فقط نیاز دارید در IE نمایش داده بشن استفاده کنید.

    حالا شروع می کنیم:

    تمامی نسخه های IE:


مرورگرهای دیگر(به غیر از IE)


فقط IE7


فقط IE6


فقط IE5


فقط IE5.5


فقط IE6 و نسخه های قدیمی تر



فقط IE7 و نسخه های قدیمی تر



فقط IE8 و نسخه های قدیمی تر



فقط IE6 و نسخه های تازه تر



فقط IE7 و نسخه های تازه تر



هک ها
هک ها روش های غیر استانداردی هستن که می شه مشکلات رو باهاشون حل کرد ولیدیتور w3c از ای هک ها خطا می گیره.

برای اینکه یک خصوصیت مثلن margin در IE6 کار بکنه و در سایر مرورگرها ندیده گرفته بشه من از این روش استفاده می کنم:

_margin: 10px;

* از – هم می تونید به جای ـ استفاده کنید

برای IE7 هم می تونید از علامت * ستاره استفاده کنید:

*margin: 10px;

یه سری هک دیگه هم وجود داره که می تونید برای اطلاعات بیشتر به این پیوند مراجعه کنید.
امیدوارم مفید بوده باشه

منبع : css-tricks

5 دیدگاه در “سی اس اس فقط برای IE

  1. راستی یه نکته:
    فکر کنم برای IE8 هم از ** می تونید استفاده کنید
    دوستان اگه IE8 دارید تست کنید
    ممنون

    پاسخ

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

شما می‌توانید از این دستورات HTML استفاده کنید: