اگر طراح وب سایت باشید اینکه سایتتون در تمامی مرورگرها کارا باشه قطعا براتون اهمست پیدا میکنه . اصولا مرورگرهای جدید و قدرتمند مثل firefox و کروم مرورگرهای پایه ای هستن و با شما تقریبا توی همه کدها راه میان و سعی میکنند بهترین نمایش رو برای کاربرانتون داشته باشن. اما مرورگر IE همیشه یه دردسر یزرگه! یعنی خداییش برای من که بوده! آخه خود من وقتی سایت طراحی میکنم رو اکثرا مرورگرها که تستش میکنه خوب نمایش داده میشه الا مرورگرهای IE مخصوصا نسخه های پایین IE !
تو این آموزش قصد دارم تا یه ترفند جالب بهتون یاد بدم که تمام کاربرانتون از بودن تو سایتتون لذت ببرن نه فقط فایرفاکسی ها یا کرومی ها یا سایر کاربران حرفه ای با مرورگرهای لژ نشین!
دستورات شرطی Html یا If condition ها
با استفاده از دستورات شرطی html می تونید به راحتی برای کابران IE استایلی متفاوت با استایل اصلی سایتتون رو به نمایش بگذارید.برای افزودن فایل های css مخصوص هر نسخه ی مرورگر IE میتونید از شروط زیر استفاده کنید:
تمامی نسخه های مرورگر IE :
|
1 |
<!--[if IE]> <link rel="stylesheet" href="IE.css"> <![endif]--> |
فقط نسخه 6 :
|
1 |
<!--[if IE 6]><link rel="stylesheet" href="IE6.css"><![endif]--> |
فقط نسخه 7 :
|
1 |
<!--[if IE 7]><link rel="stylesheet" href="IE7.css"><![endif]--> |
فقط نسخه 8 :
|
1 |
<!--[if IE 8]><link rel="stylesheet" href="IE8.css"><![endif]--> |
فقط نسخه 9 :
|
1 |
<!--[if IE 9]><link rel="stylesheet" href="IE9.css"><![endif]--> |
IE نسخه ی 8 و بالاتر از 8 :
|
1 |
<!--[if gte IE 8]><link rel="stylesheet" href="IE8+.css"><![endif]--> |
IE نسخه ی 9 به پایین (یعنی IE9 محسوب نمیشه) :
|
1 |
<!--[if lt IE 9]><link rel="stylesheet" href="IE9-.css"><![endif]--> |
IE نسخه ی 7 و پایین تر از نسخه ی 7 :
|
1 |
<!--[if lte IE 7]><link rel="stylesheet" href="IE7-.css"><![endif]--> |
بالاتر از نسخه ی IE6 :
|
1 |
<!--[if gt IE 6]><link rel="stylesheet" href="IE6+.css"><![endif]--> |
اگر که مرورگر IE نباشه :
|
1 |
<!--[if !IE]><link rel="stylesheet" href="style.css"><!-- <![endif]--> |
عبارت gte , lt , lte , gt معانی زیر رو دارند:
Gt = Greater than (بزرگتر از)
Lt = little than (کوچکتر از)
Gte = greater than And Equal (مساوی و بزرگتر از)
Lte = little than And Equal (مساوی و کوچکتر از)
امیدوارم این مقاله براتون مفید واقع بشه و بتونید ازش در مسیر حرفه ای شدن نهایت استفاده رو ببرید.
