بسم الله الرحمن الرحيم
شرح كيفية استخدام استايل لكل متصفح Css بسهولة تامة
فائدة الشرح
مع وجود متصفح فاشل مثل انترنت اكسبلورر اصبح الموضوع مؤلم للمصممين
و يعانى منه الكثير لان الكثير من المميزات لا تعمل عليه و تخرب شكل موقعك
سبب وضعى للشرح
بعد ان برمجت موقع كاملا و لله الحمد عملتله استايل كامل Css فقط
فوجئت انه قمة فى التناسق مع كل المتصفحات
Firefox
Safari
Chrome
Opera
و لكن تبقى الانترنت اكسبلورر كان شكله عليه وحش جدا
طبعا انا كنت ناوى انى اكتب كلمة يمنع تصفح الموقع بواسطة انترنت اكسبلورر من كرهى له
لكن ما كان ينفع لان بعض الناس رغم فشله لسه بيحبوه
و لكن لقيت حل بديل و هو عمل استايل خاص بيه
عندما يتصفح الزائر الموقع بواسطة متصفح انترنت اكسبلورر يظهر له بالشكل الخاص به
بمعنى انك يكون عندك استايل عادى Zero.Css
و استايل خاص بانترنت اكسبلورر مثلا IE8.Css
و هذا الكود
جميع الاكواد يتم وضعها بداخل وسم <Head>
و تسمى الاستايل باسم الملف الموجود فى الكود
فى حالة أردت استهداف انترنت اكسبلورر 6 تضع الكود التالى
رمز PHP:
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
فى حالة أردت استهداف انترنت اكسبلورر 7 تضع الكود التالى
رمز PHP:
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
فى حالة أردت استهداف انترنت اكسبلورر 8 و ما فوقه تضع الكود التالى
رمز PHP:
<!--[if gte IE 8]>
<link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->
فى حالة اردت استهداف جميع اصدارات انترنت اكسبلورر
رمز PHP:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
فى حالة أردت استهداف اى متصفح ماعادا إنترنت اكسبلورر
رمز PHP:
<!--[if !IE]><!-->
<link rel="stylesheet" type="text/css" href="not-ie.css" />
<!--<![endif]-->
معنى كلمة استهداف اى انك تستعمل الاستايل الخاص به عند تصفح الزائر به
بمعنى
استهداف انترنت اكسبلورر 7
معناه لو الزائر تصفح الموقع بانترنت اكسبلورر 7 راح يظهر معاه الاستايل اللى انت محدده
بجميع الاعدادات الموجودة فيه
أتمنى من الله يكون الشرح سهل و اى مساعدة لا تترددوا
و أعتذر لو فى أى خطأ فى الشرح
Google Ad was here !