The z order gives the order of appearance in the z axis and places the graphical object in the background or foreground.
The z-order apply to the graphical object and to its descendants.
It provides a third axis (next to the x,y coordinates) to arrange content.
When elements overlap, z-order determines which one covers the other. An element with a larger z-order generally covers an graphical object with a lower one.