В стандартной разметке страницы любые два блока способны перекрываться, когда их позиция задаётся как absolute, relative или fixed. В таком случае элементы перестают участвовать в общем потоке и размещаются по заданным координатам.

При указании свойства position положение элемента определяется атрибутами top, left, right и bottom – они задают координаты относительно экрана по осям X и Y.

Свойство z-index определяет порядок расположения позиционированных элементов вдоль оси Z. Это позволяет управлять наложением перекрывающихся блоков:

Примечание: элементы с более высоким индексом всегда находятся перед элементами с более низким индексом по оси Z.