التحقق السريع من أحدث ملخص CSS Hack

حظر متصفح IE (أي أنه لن يتم عرضه ضمن IE)

*:lang(zh) حدد {font:12px !important;} /*خاص بـ FF*/
حدد:فارغ {font:12px !important;} /*رحلات السفاري مرئية*/

هنا حدد هو المحدد، والذي يمكن تغييره وفقا للحالة. الجملة الثانية فريدة لمتصفح Safari على نظام MAC.

تم التعرف عليه فقط بواسطة IE7

*+أتش تي أم أل {…}

يمكنك استخدام هذا الاختراق عندما تحتاج إلى إنشاء أنماط لـ IE7 فقط.

IE6 وأدناه تحديد الهوية

* أتش تي أم أل {…}

انتبه بشكل خاص لهذه النقطة. لقد كتب العديد من المالكين أن هذا هو اختراق لـ IE6. في الواقع، يمكن لـ IE5.x أيضًا التعرف على هذا الاختراق. المتصفحات الأخرى لا تتعرف عليه.

html/**/ >حدد الجسم {……}

هذه الجملة لها نفس تأثير الجملة السابقة.

فقط IE6 لا يتعرف عليه

حدد { العرض / * لا يتعرف IE6 * /: لا شيء؛}

الشيء الرئيسي هنا هو فصل السمة والقيمة من خلال تعليقات CSS، والتي يتم إصدارها قبل النقطتين.

لم يتم التعرف على IE6 وIE5 فقط

حدد/**/ { العرض /*IE6، IE5 لا يتعرف عليه*/:none;}

الفرق هنا عن الجملة أعلاه هو أن هناك تعليق CSS إضافي بين المحدد والأقواس المتعرجة.

فقط IE5 لا يتعرف عليه

حدد/*لم يتعرف IE5*/ {display:none;}

هذه الجملة هي التعليق الموجود في منطقة السمة الذي تمت إزالته من الجملة السابقة. فقط IE5 لا يتعرف عليه

حل نموذج الصندوق

selct {width:IE5.x width;

لا تتم معالجة طريقة المقاصة الخاصة بنموذج الصندوق من خلال !مهم. هذا يجب أن يكون واضحا.

تعويم واضح

حدد: بعد {المحتوى:"."؛ العرض: الارتفاع: 0؛ واضح: كلاهما؛

في Firefox، عندما يكون جميع الأطفال عائمين، لا يمكن لارتفاع الأصل أن يغطي الطفل بأكمله بالكامل، ثم استخدم هذا HACK لمسح العائمة لتحديد الأصل مرة واحدة، ومن ثم يمكن حل هذه المشكلة.

اقتطاع القطع الناقص

حدد { -o-text-overflow:ellipsis؛

هذه تقنية جيدة جدًا حيث ستقطع النص الزائد تلقائيًا بعد أن يتجاوز طوله، وتنهيه بعلامة حذف. إنه مجرد أن Firefox لا يدعمه حاليًا.

معترف بها فقط من قبل الأوبرا

@media الكل و (min-width: 0px){ حدد {……} }

قم بإجراء إعدادات منفصلة لمتصفح Opera.

ما سبق هو بعض الحيل في كتابة CSS والتي يتم استخدامها لحل مشكلات التوافق المحلية. إذا كنت تريد فصل محتوى التوافق، فيمكنك أيضًا تجربة المرشحات التالية. بعض هذه المرشحات مكتوبة بلغة CSS لاستيراد أنماط خاصة من خلال المرشحات، وبعضها مكتوب بلغة HTML لربط أو استيراد أنماط التصحيح المطلوبة من خلال الشروط.

عامل التصفية لـ IE5.x، يكون IE5.x فقط هو المرئي

لا حاجة عمومًا إلى مرشحات IE5/MAC

IE إذا هاك الشرطي

<!--[if IE]> IE فقط <![endif]-->

يتعرف على جميع IE

<!--[if IE 5.0]> IE 5.0 فقط <![endif]-->

فقط IE5.0 يمكنه التعرف عليه

<!--[if gt IE 5.0]> فقط IE 5.0+ <![endif]-->

يمكن التعرف على IE5.0 بواسطة IE5.5

<!--[if lt IE 6]> فقط IE 6- <![endif]-->

تم التعرف عليه فقط بواسطة IE6

<!--[if gte IE 6]> IE 6/+ فقط <![endif]-->

يمكن التعرف عليه بواسطة IE6 وIE5.x أسفل IE6

<!--[if lte IE 7]> فقط IE 7/- <![endif]-->

تم التعرف عليه فقط بواسطة IE7

قد لا يكون المحتوى أعلاه شاملاً، فنحن نرحب بك للانضمام إلي في تلخيص هذه التقنيات لتوفير الراحة لاستفسارات العمل المستقبلية. وفي الوقت نفسه، أود أن أشكر المؤلفين الذين بحثوا في هذه الحيل.