z-index يحدد ترتيب الطبقات عندما تتراكب العناصر فوق بعضها. القيمة الأعلى تظهر في الأمام:
.overlay { position: fixed; inset: 0; z-index: 100; }
.modal { position: fixed; z-index: 101; }لماذا لا يعمل أحيانًا؟
- يحتاج العنصر أن يكون موضعه غير
static(مثلrelativeأوabsolute)، أو أن يكون داخل flex أو grid. - إذا كان العنصر داخل أب له “سياق تراص” خاص، فلن يتجاوز أخوة أبيه مهما كبرت قيمته.
نصيحة: استخدم قيمًا قليلة ومنظمة (10، 20، 100) بدل 99999.