conditional-css يتيح تخصيص اكواد CSS لتطبق على مستعرض معين دون الاخر .. فمثلا يمكنك تخصيص طريقة عرض بعض العناصر لتظهر على IE بطريقة تختلف عن Firefox وكذلك تخصيص عرض بعض العناصر لاصدار معين كـ IE6 … و بالتالي يمكن استخدامه لحل مشاكل عدم ظهور الموقع بشكل سليم على مستعرض دون الاخر .

في الصورة السابقة تم تخصيص طريقه عرض صفحة معينة لتظهر بشكل مختلف على كل متصفح باستخدام conditional-css

لتجربة ذلك بنفسك .

طريفة التركيب :

conditional-css متوافر للاستخدام عن طريق php و c و C# … ساقتصر هنا على طريقة استخدام بواسطه php .

لاستخدام conditional-css عن طريق php ستحتاج الى دعم خادم موقعك الى php4 او php5 .

  • قم بتنزيل نسخة conditional-css من صفحة التحميل .
  • بعد فك الضغط عن المجلد قم بوضع الملف c-css.php الموجود داخل مجلد php مع ملفات css الخاصة بصفحتك .
  • قم باستيراد ملف c-css.php في ملف css المراد استخدام التطبيق فيه عن طريق @import بالشكل التالي
     @import "yourpath/c-css.php";

طريفة الاستخدام :

يتم تخصيص اكواد CSS عن طريق وضع شرط if قبل الخاصية التي نريد تخصيصها لمستعرض معين .. بالشكل التالي :

a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
}

اسماء المحركات و المستعرضات :

  • Gecko : للمستعرضات المبنية على محرك Gecko مثل Firefox
  • Webkit : للمستعرضات المبنية على محرك Webkit مثل Safari
  • Opera : للمستعرض Opera
  • IE : للمستعرض Internet Explorer
  • IEMac : لمستعرض Internet Explorer على نظام التشغيل Mac
  • Konq : للمستعرض Konqueror

مستعرضات الجوالات و المنصات الأخرى :

  • SafMob : لـلمستعرض Safari على iPhone / iPod Touch
  • IEmob: للمستعرض Internet Explorer على الهواتف الجواله .
  • PSP : لمنصه Playstation
  • NetF : Net Front

كما يمكنك ادراج شرط اضافي قبل اسم المستعرض / المحرك لتخصيص الاكواد لمجموعه من الاصدارات التي تلي او تسبق اصدارة المستعرض / المحرك الذي حددته في الشرط الاساسي هذه الشروط هي :

  • lt : الاصدارات الاقدم من الاصدار المحدد في الشرط
  • lte : الاصدار المدرج في الشرط او ما يسبقه
  • eq : الاصدار المدرج في الشرط
  • gte : الاصدار المدرج في الشرط او الاصدارات الاحدث
  • gt : الاصدارات الاحدث من الاصدار المدرج في الشرط

لمزيد من المعلومات عن طريقة الاستخدام .