سی اس اس فقط برای IE
پنجشنبه, ۷ بهمن ۱۳۸۹، ۰۵:۲۵ ق.ظ
برای طراحان وب یکی از معظلاتی که همیشه بوده و امیدواریم به زودی بر طرف بشه internet explorer بوده و هست. این مرورگر(!) تقریبن هیچ وقت استاندارد نبوده و گویا علاقه ای هم به استاندارد شدن نداره (البته بعد از IE8 اوضاع یه کم داره بهتر می شه و IE9 تقریبن کمی از نگرانی ها رو برطرف کرده) اما به جرات می شه عنوان کرد که غول مرحله ی آخر طراحان وب IE6 می باشد. :D در همین راستا یک سری تکنیک ها هست که مشکل رو حل می کنه
در HTML ما می تونیم برای استفاده از CSS هامون شرط تعیین کنیم. یعنی برای نمونه بگیم که اگر مرورگر کاربر IE بود ie.css رو لود کن و اگر مرورگرهای دیگه بودن style.css. این کار چه مزایایی داره؟استایل شیت اصلی ترو تمی باقی می مونه
استفاده از تکنیک های قابل قبولی که توسط مایکروسافت تصویب شده
داشتن کدهایی استاندارد بدون استفاده از هک ها
به یاد داشته باشید که این شرطی نویسی فقط برای کدهای سی اس اس نیست. شما می تونید از کدهای جاوااسکریپت و تگ هایی که فقط نیاز دارید در IE نمایش داده بشن استفاده کنید.
حالا شروع می کنیم:
تمامی نسخه های IE:
هک ها روش های غیر استانداردی هستن که می شه مشکلات رو باهاشون حل کرد ولیدیتور w3c از ای هک ها خطا می گیره.
برای اینکه یک خصوصیت مثلن margin در IE6 کار بکنه و در سایر مرورگرها ندیده گرفته بشه من از این روش استفاده می کنم:
برای IE7 هم می تونید از علامت * ستاره استفاده کنید:
امیدوارم مفید بوده باشه
منبع : css-tricks
در HTML ما می تونیم برای استفاده از CSS هامون شرط تعیین کنیم. یعنی برای نمونه بگیم که اگر مرورگر کاربر IE بود ie.css رو لود کن و اگر مرورگرهای دیگه بودن style.css. این کار چه مزایایی داره؟
حالا شروع می کنیم:
تمامی نسخه های IE:
مرورگرهای دیگر(به غیر از IE)
فقط IE7
فقط IE6
فقط IE5
فقط IE5.5
فقط IE6 و نسخه های قدیمی تر
فقط IE7 و نسخه های قدیمی تر
فقط IE8 و نسخه های قدیمی تر
فقط IE6 و نسخه های تازه تر
فقط IE7 و نسخه های تازه تر
هک ها
هک ها روش های غیر استانداردی هستن که می شه مشکلات رو باهاشون حل کرد ولیدیتور w3c از ای هک ها خطا می گیره.
برای اینکه یک خصوصیت مثلن margin در IE6 کار بکنه و در سایر مرورگرها ندیده گرفته بشه من از این روش استفاده می کنم:
_margin: 10px;* از - هم می تونید به جای ـ استفاده کنید
برای IE7 هم می تونید از علامت * ستاره استفاده کنید:
*margin: 10px;یه سری هک دیگه هم وجود داره که می تونید برای اطلاعات بیشتر به این پیوند مراجعه کنید.
امیدوارم مفید بوده باشه
منبع : css-tricks