Making objects or shoes go behind others in css

Question

How do I make objects like shapes I create with css go behind the header and other webpage elements

Answer 1

z-index is used for this
https://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

You can use lower z-index values on those elements that you want to move behind other elements and use larger z-index values to move forward.

For example if you have two red and green divs ovelapping each other. Then if you wanna move red div forward you should use greater z-index value for red div and lower value for green div. Maybe I answered your question :)

Answer 3

Thank you very much
I will try it out and get back to you

Answer 4

Nabin Bhatt thank you sir