请描述 z-index，以及 stacking context（堆叠上下文）如何形成。
Describe z-index and how stacking context is formed.
题目类型: 技术面试题
这是一道技术面试题，常见于澳洲IT公司面试中。
难度: hard
分类: css
标签: z-index, stacking-context
参考答案摘要
答案 z-index 控制重叠元素的前后叠放顺序，只对非 static 定位的元素生效（position: relative/absolute/fixed/sticky 等）。 未指定 z-index 时，通常按 DOM 顺序堆叠：同层级里后出现的覆盖先出现的。 堆叠上下文（stacking context）是一套独立的层级系统：在该上下文内子元素的 z-index 只和同上下文的兄弟比较，无法“...
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
