Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

سی اس اس فقط برای اینترنت اکسپلورر

سی اس اس فقط برای اینترنت اکسپلورر

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

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

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

به یاد داشته باشید که این شرطی نویسی فقط برای کدهای سی اس اس نیست. شما می تونید از کدهای جاوااسکریپت و تگ هایی که فقط نیاز دارید در 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

 


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36598
افراد آنلاین : 4
بازدید امروز : 876
بازدید دیروز : 824
گوگل امروز : 111
گوگل دیروز : 110
بازدید هفته : 876
بازدید ماه : 27,934
بازدید سال : 340,318
بازدید کلی : 10,734,794