ویژگی Z-index در CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 26 بهمن 1399در این مقاله با ویژگی 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 بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟