Stacking Context

Box 1

Box 2

Box 3

Box 4

Box 5

❗️Note: wrapper (white box) is position: relative

Position

Z-index

Top (px)

Right (px)

Bottom (px)

Left (px)

Position

Z-index

Top (px)

Right (px)

Bottom (px)

Left (px)

Position

Z-index

Top (px)

Right (px)

Bottom (px)

Left (px)

Position

Z-index

Top (px)

Right (px)

Bottom (px)

Left (px)

Position

Z-index

Top (px)

Right (px)

Bottom (px)

Left (px)