YUI الإكمال التلقائي يجعل تحت الأخرى عناصر الصفحة في IE7

StackOverflow https://stackoverflow.com/questions/88883

سؤال

أنا أعمل الآن على صفحة يحتوي على عمود من الصناديق على غرار مع مثير الظلال والزوايا وغيرها باستخدام المثال هنا.أنا يجب أن أعترف, أنا لا أفهم تماما كيف يعمل CSS, ولكن يبدو كبيرة.

داخل أعلى مربع النص-نوع المدخلات المستخدمة في البحث.أن مربع البحث السلكية تصل إلى YUI الإكمال التلقائي القطعة.

كل شيء يعمل بشكل جيد في Firefox3 على ماك, FF2 على ويندوز, سفاري على ماك.في IE7 على ويندوز إكس بي ، الإكمال التلقائي الاقتراحات تجعل تحت جولة يحشر الصناديق ، مما يجعل جميع ولكن أول واحد غير قابل للقراءة (على الرغم من أنك لا تزال ترى يكفي تطل من بين الصناديق التي أنا مرتاح IE7 حقا هو الحصول على أكثر من اقتراح واحد).

أين يمكنني أن تبدأ في النظر إلى تصحيح المشكلة ؟

هنا هو ما يبدو وكأنه نجاح في FF2 على ويندوز إكس بي:

alt text

و هذا ما فشل مثل IE7:

alt text

هل كانت مفيدة؟

المحلول 2

الحل العمل أخيرا تنفيذها على أساس القراءة هذا التفسير مرارا وتكرارا.

في الأساسية HTML, كل من الزرقاء تقريب الزاوية العناصر DIVs وهم جميع الأشقاء (جميع الأطفال من نفس الدرجة).

Z-مؤشر الإكمال التلقائي div نفسه (الذي هو الكثير من زاوية مدورة حاوية div) يمكن أن يكون تعسفيا عالية ، وأنه لن يصلح هذه المشكلة لأن أي أساسا تقديم محتويات مربع البحث أدناه محتويات "الإحصائيات الحيوية" ، لأن كل من كان الافتراضية z-index و الإحصائيات الحيوية كان في وقت لاحق في HTML.

الخدعة هو إعطاء كل واحد من هؤلاء الأخوة DIVs (الأزرق تقريب الزاوية الحاويات) تنازلي z-فهارس علامة كل منهم موقف:قريب.لذا الأزرق div الذي يحتوي على مربع البحث هو z-index:60 ، "الإحصائيات الحيوية" مربع z-index:50, "العلامات" z-index:40 ، وهلم جرا.

لذلك أعم تجد سلف مشترك من كل عنصر هو الحصول على تتداخل و عنصر التداخل.على الفور الأطفال من سلف مشترك ، وتطبيق z-فهارس في النظام الذي تريد المحتوى تظهر.

نصائح أخرى

جيرمي ،

آسف على هذا يجري في وقت متأخر جدا ، ولكن نأمل أن الإجابة سوف تكون ذات فائدة لك في مستقبل المشروع.

المشكلة هنا هي أن أي يخلق جديد التراص النظام في أي وقت هناك عنصر مع الموقف:النسبية ، مما يعني أن z-مؤشر في حد ذاته ليس فقط السيطرة على العامل.يمكنك قراءة المزيد عن هذا هنا:

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

من أجل حل المشكلة ، إذا أنا فهم مشكلتك بشكل صحيح ، وتطبيق الموقف:نسبة إلى الحاوية التي يلتف كله الإكمال التلقائي التنفيذ (ثم الموقف:المطلق إلى النتائج حاوية).ينبغي إنشاء هيئة مستقلة التراص النظام في أي من أجل تلك العناصر التي تسمح لهم أن تطفو على الآخر موقف:قريب المداخن التي تظهر في وقت لاحق في الصفحة.

التحيات ، اريك

أنا لا تماما فهم الإعداد التي تؤدي إلى هذه المشكلة ، ولكن قد ترغب في استكشاف useIFrame ممتلكات يوي "الإكمال التلقائي" كائن -- أنها طبقات iframe الكائن تحت حقل الإكمال التلقائي الذي يسمح الميدان ثم تطفو فوق الكائنات التي يتم التعتيم عليه في IE عربات التي تجرها الدواب تخطيط.

http://developer.yahoo.com/yui/docs/YAHOO.widget.AutoComplete.html#property_useIFrame

ولكن الأطباء يقولون أن هذه المسائل في 5.5 < أي < 7, وحتى هذا قد لا تكون المشكلة التي تواجهها.ذلك مرة أخرى, تماما دون فهم الإعداد كنت تعمل مع ، قد ترغب أيضا في محاولة التجربة مع مختلف z-index قيم الإكمال التلقائي الميدانية والمناطق المحيطة كتلة على مستوى العناصر.

تأكد من z-مؤشر الإكمال التلقائي div عدد أكبر من divs التي تشكل زاوية مدورة مربع.مايكروسوفت يضع z-index العناصر الأعلى إلى 20000 أو 100000 أعتقد.قد يكون من الحكمة أن تفعل الشيء نفسه.

كان لي مشكلة مماثلة إلى هذا ، وأنا ثابت عليه في الأساس مجرد تغيير z-مؤشر مختلفة divs.مجرد وضع عدد أكبر لكل شعبة في أجل ذلك يجب عرض.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top