IE7 تحوم حول div الضياع عند لمس الطفل عنصر من أن div

Question

في نظرية

لدي شعبة (حاوية) أنه عندما حلقت فوق أحد الأطفال divs تظهر (القائمة المنسدلة).المنسدلة يحتوي على روابط الصور.... الخو عندما تترك وعاء ثم المنسدلة يختفي.

<div id="container">
  <div>Hover over me to see extra stuff</div>
  <div id="drop-down">
     <div>
       <img />
     </div>
     <div>
       <a />
       <p><span>Info</span><span>More</span></p>
     </div>
     <img />
  </div>
</div> 

هيريس مسج

$('#container').hover(
  function(){ $(this).find('#drop-down').addClass('hover'); },
  function(){ $(this).find('#drop-down').removeClass('hover'); }
);

هيريس CSS لتحوم

#container #drop-down {left: -9999px;}
#container .hover {left: 0;}

في الممارسة العملية

في كل متصفح آخر من IE7 يعمل تماما ولكن عندما تسليط الضوء على مدى يمتد في أول تحتوي على شعبة في القائمة المنسدلة ثم المنسدلة dissappears لسبب ما كما لو كنت قد تركت الحاوية.

السؤال

أنا كنت أضرب رأسي بالحائط منذ ما يقرب من 3 ساعات في محاولة للعثور على جميع ie7 البق يمكن أن نرى أي إذا كانت ذات الصلة ولكن للأسف مع أي حظ.اعتقدت في البداية أنه يمكن أن يكون 'z-index' المسألة ولكن كما هو في الواقع عرض فوق المحتوى أدناه لا يمكن أن يكون هذا الحال (و لقد حاولت ذلك من خلال وضع 'position:relative;z-index:9999;' على كل من p و يمتد).عدا ذلك أنا في غاية الحيرة.غير أنني أعرف أن أي من البنود أدناه أن شعبة (مثلا ، علامة الصورة في المثال أعلاه) إنشاء المشكلة بعد التفاف جولة تمتد على الحشو من p.

مزيد من التوضيح:لقد وجدت هو أن تفعل العناصر الكذب تحت يمتد ولكن لأنها لا تظهر من خلال لدي أي فكرة عن كيفية إصلاحه.أيضا, لا يهم ما هو عنصر تحت فقط إذا كان هناك div تحت ذلك يمكنك "دخول" (أيلم تكن بالفعل في ذلك) ثم تفقد تحوم المنسدلة يختفي.

أنا أعرف أنني لم أضع CSS ولكن يمكن لأي شخص التفكير في أي سبب لماذا هذا يمكن أن يحدث ؟ أيضا, يجب تعطيل كل CSS يعمل مباشرة على ذلك وأنه لا يزال يتأثر ولكن هذه المسألة.

Answer 1

كما قال في تصريحات

وضع لون الخلفية على span سيجعل تحوم العمل.لسبب ما عندما كنت تحوم فوق خلفية شفافة في أي أنها ترى الماوس لا يكون في دوم كائن (أو في هذه الحالة ، سبان) بعد الآن, ولكن بدلا من ذلك في العنصر أقل من ذلك ويدعو الماوس خارج الحدث.

تعتبر مايكروسوفت هذا الخلل و الروابط هذه بلوق الدخول من هناك msdn دخول

Answer 2

وقد وجدت ما يسبب العناصر تختفي في النسخة القديمة من إنترنت إكسبلورر.نسخ هذا إضافة إلى css الخاص بك

div { display: inline-block; }

div { display: block; }

هذا يفسر علة بشكل جيد.

Answer 3

div { display: inline-block; }  div { display: block; } 

هذا عمل معي...واو ما هذا الألم.