z-index 和层叠上下文是如何形成的？
什么是 层叠上下文
层叠上下文就是 html 中的一个三维概念。假定用户正面向（浏览器）视窗或网页，而 HTML 元素沿着其相对于用户的一条虚构的 z 轴排开， HTML 元素基于其元素属性按照优先级顺序占据这个空间。
什么是 z-index
- 当元素之间重叠的时候， z-index 较大的元素会覆盖较小的元素在上层进行显示
- 在同一个层叠上下文中才能比较 z-index 的大小
如何创建（形成）层叠上下文？（5）
- 根元素(HTML)
- z-index 不为 auto 的绝对定位和相对定位元素
- fixed
[fɪkst]定位元素和 sticky[ˈstɪki]定位元素 - opacity
[oʊˈpæsəti]小于 1 的元素 - transform 不为 none 的元素