Свойство z-index
в CSS управляет порядком наложения позиционированных элементов вдоль оси Z. Элементы с бо́льшим значением z-index
располагаются поверх элементов с меньшим значением.
Ключевые моменты:
position: relative
, position: absolute
, position: fixed
, position: sticky
).auto
) соответствует порядку в DOM дереве.z-index
могут помещать элемент под родительским элементом и его содержимым.z-index
создает контекст наложения (stacking context). Элементы внутри одного контекста наложения упорядочиваются по своему z-index
, но весь контекст наложения ведет себя как единое целое относительно других контекстов наложения.Порядок наложения по ум
Свойство z-index
в CSS управляет порядком наложения позиционированных элементов вдоль оси Z. Элементы с бо́льшим значением z-index
располагаются поверх элементов с меньшим значением.
Ключевые моменты:
position: relative
, position: absolute
, position: fixed
, position: sticky
).auto
) соответствует порядку в DOM дереве.z-index
могут помещать элемент под родительским элементом и его содержимым.z-index
создает контекст наложения (stacking context). Элементы внутри одного контекста наложения упорядочиваются по своему z-index
, но весь контекст наложения ведет себя как единое целое относительно других контекстов наложения.Порядок наложения по ум
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.