IE6 IE7 CSS مشكلة في التجاوز: مخفي؛ - المنصب: نسبي؛ التحرير والسرد

تنشأ هذه المشكلة عند محاولة إخفاء الشرائح غير النشطة في شريط التمرير باستخدام خاصية CSS overflow: Hidden. ومع ذلك، في IE 6 و7، يفشل هذا الأسلوب، مما يترك الشرائح غير النشطة مرئية. السبب الجذري يكمن في مجموعة التجاوز: مخفي والموضع: نسبة إلى عنصر ul الذي يحتوي عليه.

الحل البديل المعروف لهذه المشكلة هو إضافة الموضع: نسبة إلى عنصر الحاوية. في بنية HTML المحددة، تعمل علامة النص كحاوية. لحل المشكلة، قم بإضافة div مباشرة أسفل النص وقم بتعيين موضعه: نسبي.

  

    ...
  

في ملف CSS المقدم، أضف السطر التالي:

#container {
  position: relative;
}

سيؤدي هذا التعديل إلى حل المشكلة وتمكين استخدام التجاوز: مخفي لإخفاء الشرائح غير النشطة في IE 6 و7، مما يضمن وظائف شريط التمرير المناسبة.