ویژگی z-index
تعریف: z-index یک ویژگی CSS است که تعیین می‌کند کدام عنصر در صفحه بالاترین لایه (stacking context) را دارد. این ویژگی فقط برای عناصر با موقعیت‌دهی خاص (relative, absolute, fixed, یا sticky) موثر است.
تغییر z-index در المنتور
برای تغییر z-index یک عنصر در المنتور، مراحل زیر را دنبال کنید:
- وارد تب پیشرفته شوید:
- پس از انتخاب عنصر مورد نظر، به تب پیشرفته در نوار کناری بروید.
- تنظیم z-index:
- در بخش طرح بندی، گزینه z-index قابل مشاهده خواهد بود.
- حالا مقداری که می‌خواهید به z-index اختصاص دهید، وارد کنید. مقدار وارد شده می‌تواند مثبت، منفی یا صفر باشد.
- تاثیر مقدار z-index:
- مقدار بالاتر z-index به معنای قرارگیری عنصر در لایه بالاتر است. به عنوان مثال، اگر z-index یک عنصر 10 و z-index عنصر دیگر 5 باشد، عنصر اول بالاتر نمایش داده می‌شود.