При каких свойствах у элемента меняется Z-index

Z-index влияет на порядок наложения элементов только при выполнении условий: 1. Позиционирование отличное от `static` (`relative`, `absolute`, `fixed`, `sticky`) 2. Элемент не является корневым (``) Пример: ```html ``` Нюансы: - Z-index работает только внутри одного контекста наложения - Flex/Grid-элементы создают новый контекст наложения - Свойства `opacity < 1`, `transform`, `filter` также создают новый контекст - Более высокий z-index в дочернем элементе не выйдет за пределы родительского контекста