تطبيق قيمة z index - مساعدة Webflow

Last updated on 10/26/2025@mrbirddev
تطبيق قيمة z index - مساعدة Webflow

استخدام قيمة 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 قد تتسبب في اختفاء العناصر خلف عناصر أخرى. استخدم بحذر!

العودة إلى مساعدة webflow

Last updated on 10/26/2025@mrbirddev
Recent Articles
Loading...