تطبيق قيمة z index - مساعدة Webflow
تعلم كيفية استخدام z-index لترتيب العناصر المكدسة.
Mr Bird
@mrbirddevاستخدام قيمة z-index لترتيب العناصر المكدسة
📄
ترتيب العناصر باستخدام z-index - درس تصميم الويب (باستخدام الواجهة القديمة)
ما هي قيمة z-index
قيمة z-index تتحكم في ترتيب تكديس العنصر.
- العناصر ذات قيمة z-index أعلى تتكدس فوق تلك ذات القيمة الأقل.
- يمكن للعناصر الفرعية التكدس فقط وفقًا لعنصرها الأب. (أي، إذا كان العنصر A لديه z-index أعلى من العنصر B، فلن تتداخل العناصر الفرعية للعنصر B مع العنصر A.)
- z-index يعمل فقط على التمركز النسبي والمطلق والثابت.
- القيمة الافتراضية لـ z-index هي 0.
استخدام قيمة z-index لتكديس العناصر
- اختر كتلة div التي ترغب في وضعها.
- قم بتطبيق قيمة z-index (لأن القيمة الافتراضية لـ z-index هي 0، أي قيمة أكبر من 0 ستضع العنصر في الأعلى).
- القيم الأعلى ستتكدس فوق القيم الأدنى.
- القيم السالبة قد تتسبب في اختفاء العناصر.
⚠️
القيم السالبة لـ z-index قد تتسبب في اختفاء العناصر خلف عناصر أخرى. استخدم بحذر!