(Box1.)
(Box 2.) Box 1 and Box 2 are examples of z-index because the green box 1 has an z-index of 2 and the purple box 2 has an z-index of 4 and the higher number will be in front of the lower number. In this case box 2 has a higher number so box 2 is in front of box 1.
Relative Position - Relative position is positioned is positioned in its normal position and follows the flow of the documents. If the top, bottom, left, and right properties are adjusted the element will be adjusted away from the element's normal position.
Absolute Position - The mountain picture is an example of an absolute position because it is placed near the nearest positioned ancestor. An absolute position can overlap other elements and the picture of the mountain is starting to overlap the bear picture.
Fixed Position - The sun is an example of a fixed position because the image of the sun does not move and stays in the same position when the webpage is moved.