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

Дерево навыков/Painting order и stacking contexts/ Z-order Flex и Grid items

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

Z-order Flex и Grid items

БазовыйПродвинутый

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

    • Integer z-index static flex item

      Создаёт stacking context integer `z-index` на static flex item.

    • Integer z-index static grid item

      Создаёт stacking context integer `z-index` на static grid item.

    • Auto item без отдельного context

      Не создаёт item context из `z-index: auto` без другого trigger.

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

    • Inline-block-like painting

      Использует inline-block-like painting semantics для Flex/Grid items.

    • Order-modified document order

      Использует order-modified document order вместо raw document order.

    • Z-order overlapping items

      Разрешает overlap items через локальные `z-index` и item paint order без изменения placement.

    • Positioned descendants вне item geometry

      Сохраняет участие positioned descendants в context, созданном item, даже если их geometry лежит вне item.

    • Внешний order-modified sequence

      Принимает готовый order-modified sequence от Flex/Grid owner, не дублируя layout и `order` algorithms.