استخدام وتجربة خاصية z-index في CSS

خصائص z-index تحدد ترتيب التجميع للعنصر. العناصر التي تحتوي على ترتيب تجميع أعلى دائمًا تكون في مقدمة العناصر التي تحتوي على ترتيب تجميع أقل. ملاحظة: z-index تنفيذ}}العناصر الموضيحة(position:absolute, position:relative، أو position:fixed).

جدول أدناه يوضح تعليمات الاستخدام وتاريخ الإصدارات لهذه الخاصية، وكذلك استخدام هذه الخاصية في سكربتات الجافا سكربت.

قواعد اللغة لاستخدام z-index

قواعد اللغة للخصائص z-index

z-index: عدد صحيح | تلقائي | افتراضي | توريث

المثال أدناه يوضح كيفية استخدام خاصية z-index.

　　div {
　　　position: absolute;
　　　lop: 30px;
　　　left: 30px;
　　　z-index: 2;
　　}

قيمة الخاصية

جدول أدناه يصف قيم هذه الخاصية.

توافق المتصفح

ميزة التوافق في المتصفحات للخصائص z-index، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم هذه الخاصية؛ جميع المتصفحات الرئيسية يدعمون هذه الخاصية.

قراءة إضافية

يرجى الرجوع إلى الدروس التالية:موقع CSS،طبقات CSS。

خصائص مرتبطة:موقع،أعلى،يمين،يسار،أسفل。