1. هاك CSS
يمكن للطريقتين التاليتين حل جميع الاختراقات تقريبًا اليوم.
1.! مهم
مع دعم IE7 لـ !important، فإن الأسلوب !important يستهدف الآن فقط HACK الخاص بـ IE6. (ملاحظة كتابية: تذكر أن الموقف المعلن يجب ذكره مسبقًا.)
| <نمط> #إزار { العرض: 100 بكسل! مهم؛ العرض: 80 بكسل؛ } </نمط> |
*+html و*html هما علامتان خاصتان بـ IE ولا يدعمهما Firefox حتى الآن. و *+html هي علامة فريدة لـ IE7.
| <نمط> #إزار { # المجمع { العرض: 120 بكسل } *html #wrapper { العرض: 80 بكسل؛} *+html #wrapper { العرض: 60 بكسل؛} } </نمط> |
يلاحظ:
*+html HACK لـ IE7 يجب التأكد من وجود العبارة التالية في الجزء العلوي من HTML:
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> |
2. تعويم مغلق (تعويم واضح)
أضف الكود التالي إلى Global CSS وأضف class = "clearfix" إلى القسم الذي يجب إغلاقه وهو يعمل في كل مرة.
| <نمط> .clearfix:بعد { محتوى:"."؛ عرض:كتلة؛ الارتفاع: 0؛ واضح:كلاهما؛ الرؤية:مخفية؛ } .clearfix { عرض: كتلة مضمنة؛ } .مسح الإصلاح {عرض:كتلة؛} </نمط> |