على الرغم من أنني أريد أيضًا أن يموت IE6 قريبًا، إلا أن مبادرتي الشخصية محدودة جدًا بعد كل شيء. والشيء الوحيد الذي يمكننا فعله هو استخدام بعض الوسائل لتخفيف الألم الذي يسببه IE6.
1. استخدم أنواع المستندات حاول استخدام أكثر أنواع المستندات صرامة لضمان تشغيل صفحتك في الوضع القياسي. على الرغم من استخدامها، قد لا تتمكن من استخدام العديد من العلامات، مثل b وs وfont وما إلى ذلك، ولكن يمكن استبدالها جميعًا بـ CSS.
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
أو أبسط <!doctype html">، وهو نوع المستند الوحيد الذي يتعرف عليه HTML5، وسيتحول المتصفح تلقائيًا إلى النوع المذكور أعلاه. لا تستخدم إعلان مستند xhtml. لقد أراد في الأصل جعل html منتجًا انتقاليًا، ولكن كما يعلم الجميع أنا مجرد زائر عابر، وعند استخدامه، قد يكون اسم العقدة للعنصر حساسًا لحالة الأحرف، وهو أمر مزعج للغاية.
2. استخدام الموقف: نسبي
في التخطيط، ضع في اعتبارك دائمًا التخطيط الموضعي أولاً ثم التخطيط العائم. نموذج IE العائم مجنون.
3. استخدم العرض: مضمن
إذا كان يجب عليك استخدام العوامات، فاتبعها بـ Display:inline. لأن هناك خطأ يحدث بسهولة في IE6. سيظهر طالما تم تعيين قيمة تعويم وقيمة هامش في نفس اتجاه تعويم عنصر حاوية الكتلة. على سبيل المثال، إذا قمنا بتعيين float:left وMargin-left:100px لعنصر div، فسيصبح Margin-left:200px في IE6.
4. يرجى عدم استخدام عقد التعليق. هناك شيئان مكروهان هنا. أحدهما عبارة عن خطأ زائد في الشخصية، يمكنك الرجوع إلى هذه المقالة بعنوان "Phantom of the Opera Bug" بقلم Yang Zhengyi (Ah Yi) في هذه المدونة. أما السبب الثاني فهو خطأ في النطاق الكامل لواجهات برمجة تطبيقات البحث الخاصة بـ IE، document.all، وdocument.getElementsByTagName، وdocument.querySelectorAll، والتي قد تعرض جميعها عقد التعليق.
5. بالنسبة لتأثير التمرير، تذكر استخدام العنصر a مع السمة href لدمجه في IE: يكون التمرير فعالاً فقط للعلامة، ويجب أن تحتوي العلامة على سمة href محددة بشكل صريح.
6. لا تستخدم النسب المئوية في إعدادات النمط
لدى IE مشكلة في حساب النسب المئوية.
7. دع العنصر يحصل على hasLayout
لمزيد من التفاصيل، يرجى استخدام Google Baidu لهذه الدراسة الأكاديمية الرائعة "حول وجود التخطيط". يمكننا استخدام el.currentStyle.hasLayout لاكتشاف ما إذا كان قد حصل على تخطيط أم لا، والطريقة العالمية للحصول على التخطيط هي التكبير/التصغير:1.
8. التقيد الصارم بقواعد التداخل الخاصة بـ (x)html. يتم تحديد قواعد التداخل في نوع المستند، ويتم تحليل المستند وفقًا لها، على الرغم من أن المتصفحات الحالية ملفتة للنظر للغاية، وذلك لمنعها من الوصول إليها مجنون، فمن الأفضل أن نكون حذرين. بالإضافة إلى ذلك، على الرغم من أن بعض العناصر سيتم إغلاقها تلقائيًا، إلا أنه يجب علينا إغلاقها بأنفسنا. ومن المهم جدًا تطوير عادات جيدة.
9. تحسين مهاراتك في جافا سكريبت
لا يدعم IE6 العديد من الأشياء أو لا يدعمها جيدًا، ولكن يمكننا استخدام JavaScript لمحاكاة جميعها تقريبًا، مثل الفئات الزائفة ذات العلاقة المختلفة، والفئات الزائفة لتصفية العناصر الفرعية، والفئات الزائفة الخاصة بالسمات، والفئات الزائفة المستهدفة ، الحد الأدنى للعرض والحد الأقصى للعرض، مشكلة شفافية PNG ...
10. قم بزيارة مدونتي كثيرًا وحاول تكوين أرقام تقريبية لتحقيق الحظ السعيد. إذا وجدت أي أشياء جيدة أو أخطاء، فسوف أبلغكم بها في أقرب وقت ممكن~~~^_^