Z-Index

A CSS property controlling stack order when elements overlap, with higher values appearing in front of lower values. Z-index management becomes complex with many overlapping elements—establish systematic layer naming. In Framer, layer order in the sidebar determines stacking with z-index overrides available.

Related terms

Related terms

  • Layer

    Design

    An element in the design stack that can be positioned above or below other elements, controlling visual overlap. Layers enable complex compositions with overlapping elements and effects. Manage layer order in Framer's left sidebar or use z-index for precise control.

  • Tab Index

    Accessibility

    The tabindex attribute controls whether an element can receive keyboard focus and in what order. Use 0 to include an element in natural tab order and -1 for programmatic focus only. Avoid positive values because they create confusing navigation order.