منطقة النص في IE7 تختفي عند تمرير الماوس

Question

لدي صفحة من هذا النوع لإدخال البيانات الضخمة، وهو نوع من تخطيط الجدول باستخدام divs.يحتوي كل صف على صفوف فرعية يمكن فتحها/إغلاقها.يتم تشغيل التبديل باستخدام إعدادات رؤية CSS.تحتوي كل "خلية" من الجدول على صورة صغيرة في زاويتها، قم بالنقر فوق الصورة، وستفتح نافذة منبثقة تسمح لك بوضع ملاحظات على الإدخال.

تحتوي هذه النافذة المنبثقة على منطقة نص ومجموعة من مربعات الاختيار، بالإضافة إلى زر (نوع الإدخال = إرسال، على ما أعتقد).النافذة المنبثقة عبارة عن إطار iframe متداخل داخل قسم مخفي.

في IE7، بمجرد فتح إطار iframe الخاص بالملاحظات وتمرير الصفحة لأسفل، فإن تمرير الماوس فوق منطقة نص النافذة المنبثقة يجعلها تختفي ويظهر محتوى الصفحة أسفلها.تُظهر مربعات الاختيار أيضًا الصفحة أدناه عند تمرير الماوس فوقها.

لذلك، قمت بتجربة بعض الإصلاحات المختلفة.كان Z-index هو ما كنت آمل أن يتم استخدامه لإصلاح هذه المشكلة.لا يوجد مثل هذا الحظ.قد أحاول استبدال منطقة النص بنوع إدخال عادي = نص، ولكن نظرًا لأن مربعات الاختيار تظهر أيضًا هذا الخطأ، أعتقد أن إدخال النص المكون من سطر واحد سيؤدي أيضًا إلى حدوث الخطأ.

Answer 1

بالإضافة إلى عناصر الحظر، يعمل مؤشر z لجميع العناصر التي تحتوي على ما يسميه IE hasLayout اقرأ أكثر

Answer 2

أسهل طريقة للإثارة hasLayout (المذكورة في وظيفة أخرى) هو إضافة zoom: 1.

عند تصحيح بعض أغبى مشكلات العرض في IE 6/7، سأقوم أحيانًا بتفريغ ملف مؤقت

* {
    zoom: 1;
}

إلى CSS الخاص بي ومعرفة ما إذا كان أي شيء يتغير.إذا كان الأمر كذلك، أبدأ بإضافته بشكل انتقائي إلى العناصر التي تبدأ بالعنصر، أو الأصل/الأطفال للعنصر، وما إلى ذلك.

zoom مدعوم فقط من خلال IE، لذلك يعد وجوده في مستندك "آمنًا" جدًا.كما أنه يوفر عليك من الاضطرار إلى القيام بأي شيء مجنون مثل تحديد موضع العناصر تمامًا، وما إلى ذلك.

Answer 3

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

Answer 4

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

لا أذكر من أين حصلت عليه، لكني وجدت هذا الحل، قد لا يكون أنيقًا جدًا، لكنه حل المشكلة.فقط اضف:

filter:alpha(opacity=100)

إلى سمة نمط CSS الخاصة بك للحقول المزعجة.