Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Painting order и stacking contexts/ Создание stacking context

КатегорияПозиционирование и наложениеНавыкPainting order и stacking contextsКомпонент навыка

Создание stacking context

БазовыйЭкспертный

  1. Базовый уровень

    • Безусловный root context

      Распознаёт root element как stacking-context root независимо от `z-index`.

    • Positioned box с integer z-index

      Создаёт context для positioned box с integer `z-index`.

    • Ordinary static box не создаёт context

      Не создаёт context только из-за integer `z-index` на обычном static non-Flex/Grid box.

  2. Продвинутый уровень

    • Fixed box с auto z-index

      Создаёт stacking context для fixed-positioned box при `z-index: auto`.

    • Sticky box с auto z-index

      Создаёт stacking context для sticky-positioned box при `z-index: auto`.

    • Relative auto как stacking container

      Не объявляет relative-positioned box с `z-index: auto` настоящим context и применяет его stacking-container behavior.

    • Absolute auto как stacking container

      Не объявляет absolute-positioned box с `z-index: auto` настоящим context и сохраняет descendants в parent context.

    • Внешние context-creation effects

      Принимает context-creation effects opacity, transforms, filters, blending, isolation и containment от профильных владельцев.

  3. Экспертный уровень

    • Computed condition trigger

      Проверяет фактическое computed условие external trigger, а не только наличие declaration.

    • Несколько trigger effects

      При нескольких одновременных trigger effects создаёт один context и сохраняет корректного parent.