The glossary

Z-Index

A CSS property that affects the stacking order of elements within the relevant stacking context.

A CSS property that affects the stacking order of elements within the relevant stacking context.

A practical example

A navigation overlay needs to appear above page content while allowing a dialog to remain usable.

What to watch for

Larger numbers do not escape every parent stacking context. Inspect positioning and context creation before repeatedly increasing the value.

Explore User Interface (UI) and JavaScript. See how this fits into Web design.

Further reading

MDN z-index reference.