解释 z-index 以及 stacking context（层叠上下文）是如何形成的。

Describe z-index and how stacking context is formed.

题目类型: 技术面试题

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

难度: hard

分类: CSS Layout

标签: z-index, stacking context, position, transform, opacity

参考答案摘要

答案 z-index 控制重叠元素的垂直堆叠顺序。它只对 position 非 static 的元素生效。 没有 z-index 时，同层级元素按 DOM 顺序堆叠（越靠后的越在上）。非 static 定位元素及其子元素通常会在默认 static 元素之上显示。 stacking context 是一个包含多层堆叠规则的独立上下文：在该上下文内部，子元素 z-index 只相对该上下文比较，而不是...

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