请描述 z-index，以及堆叠上下文（stacking context）是如何形成的。

Describe z-index and how stacking context is formed.

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: Layout

标签: z-index, stacking-context

参考答案摘要

答案 CSS 的 z-index 属性控制重叠元素的垂直堆叠顺序。z-index 只影响 position 不是 static 的元素。 如果没有任何 z-index 值，元素会按它们在 DOM 中出现的顺序堆叠（同一层级中更靠后的元素会显示在更上层）。 具有非 static 定位的元素（及其子元素）会始终显示在默认 static 定位元素的上方，而不受 HTML 层级影响。 堆叠上下文是包含一组...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。