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.