Свойство 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
, но весь контекст наложения ведет себя как единое целое относительно других контекстов наложения.Порядок наложения по ум
Register or sign in to get access to full answers for all questions from the question bank.