z-index 简单介绍

Question

阐述 z-index 属性，并说明如何形成层叠上下文（stacking context），z-index 值是指CSS用于控制元素在页面中的堆叠顺序的属性，具有较高值的元素会覆盖较低值的元素，z-index 只对定位不为默认定位的元素起作用。

层叠上下文实际上就是一种页面元素的层叠关系。如何形成：

1. 跟元素
2. z-index 不为auto 的 非默认定位
3. filter, perspective

在一个层叠上下文中，子元素的层叠顺序是相对于父元素的。当两个层叠上下文重叠时，层叠顺序由它们的 z-index 属性值来决定。