CSS Tutorial in Hindi [Part 36] - CSS Layers and Z-index

In this video i will talk about Layers and Z-index in CSS
The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
The z-index property is specified as either the keyword auto or an integer.
Values
--------------
auto: The box does not establish a new local stacking context. The stack level of the generated box in the current stacking context is the same as its parent's box.
integer: This integer is the stack level of the generated box in the current stacking context. The box also establishes a local stacking context in which its stack level is 0. This means that the z-indexes of descendants are not compared to the z-indexes of elements outside this element.
Formal definition

[@imtiazahmed7539]

One of the best chanel to learn coding.

[@abdullahzeb2887]

Thank you so much sir..You deserved atleast 10M subscribers

[@pranshunayak1792]

best css course!!

[@shivangimakwana2810]

You are greatest Sir Hat's off to you man.

[@RameshSharma-jv4zg]

You are the best sir❤️

[@syedmajid3202]

Thanks for video!

[@ayushpatel8670]

THANK YOU SO MUCH SIR.

[@RahulKumar-bk1ss]

best sir

[@ankit65668]

Hello Sir, In code above I want to place leftButton1 and rightButton1 on left and right corner with background transparent and images should be below these two. Also, I do not want to use absolute positioning. How it will be done?

[@kazisohail6798]

❤️

[@gamingstar5998]

Sir left-100 chorke right 100 dunga to hoga

[@akhilgoswami2854]

No

[@ranaturgut9904]

o jya ga bhai abi check kia hai after 1 year