CSS Z-Index Overdedden حسب ترتيب العناصر في الصفحة؟
https://stackoverflow.com/questions/1667154
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
لقد كنت قاربا مع مؤشر CSS Z في IE7 عدو بضع ساعات، ربما يمكنك المساعدة!
لدي DIV وضعف تماما، وهو الظهور فوق والده الأم، وهو أمر رائع. ولكن - يبدو أنه في وقت لاحق divs التي هي الأشقاء إلى والدها.
يبدو أنه يبدو وكأنه سلوك غريب للغاية، مثل الفهرس Z ينطبق فقط على النطاق المحلي لكل div أو شيء من هذا.
كيف يمكنني تعيين الأمور حتى عندما قمت بتعيين عنصر للحصول على مؤشر Z أكبر من أي عنصر آخر في الصفحة، سيظهر على القمة بغض النظر؟
إليك صفحة الاختبار الخاصة بي:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
</head>
<body>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
<div style="position: relative; z-index: 0">
div1
<div style="position: relative; z-index: 0">
div2
</div>
<div style="color: red; background-color: #ffffff; position: absolute; z-index: 2">
div3
</div>
</div>
</body>
</html>
المحلول
أي لديه أ علة z الرئيسية:
في منصريات موقع Internet Explorer وضع سياق تكديس جديد، بدءا من قيمة فهرس Z من 0. وبالتالي لا يعمل مؤشر Z بشكل صحيح.
يمكنك محاولة تغيير الفهارس Z، ولكن إذا كنت ترغب في ظهور كلا العنصرين، فقد تضطر إلى سحبها من هيكل سلفها وجعلها عناصر دوم المستوى الأعلى.
نصائح أخرى
عنصر مع الموضع: سوف يأخذ المطلق الموضع المطلق داخل حاوية الخاص به، خاصة إذا تم ضبط هذه الحاوية على وضع: قريب.
كل الموقف: العناصر المطلقة التي تحتاج إلى وضعها وفقا للعرض يجب أن تأتي في DOM مباشرة تحت عنصر "الجسم". عادة ما تعتبر ممارسة جيدة لوضعها في رمز HTML الخاص بك، قبل علامة إغلاق الجسم الإغلاق.
فقط أخرج position: relative
هل يمكن أن تحتوي الصورة على نمط = 'z-Visuch: #' أو يجب أن تقيم الصورة في Div منها؟
