ویژگی Z-index در CSS

در این مقاله با ویژگی Z-index در CSS آشنا می شویم.

z-index چیست؟

با استفاده از ویژگی CSS z-index ، می توانید انباشت عمودی را برای عناصر همپوشانی دستکاری کنید:

img {         
   position: absolute;                
   z-index: -1;   
}

توجه: اگر نگران کار نکردن فهرست z هستید ، مطمئن شوید که فقط از آن برای عناصری استفاده می کنید که مقدار موقعیت خود را به صورت ساکن تعریف کرده اند.

نحو خاصیت CSS z-index

برای تعریف z-index برای یک عنصر ، باید یک مقدار تعیین کنید:

z-index: مقدار؛

مقدار پیش فرض خودکار است ، به این معنی که سطح انباشتگی به ظرف اصلی بستگی دارد.

برای تعریف سطح سفارشی ، از یک عدد بدون واحد استفاده کنید. عناصر با مقادیر بالاتر مواردی را که مقادیر کمتری دارند پوشش می دهد.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera وEdge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.