层叠上下文中的每个元素都有一个层叠水平

CSS3中的层叠上下文和层叠水平：

1、层叠上下文：表示元素在z轴上有“可以高人一等”

（可以理解为普通老百姓HTML元素，当官了，离皇帝越近了）

具有层叠上下文的元素：

1）根元素，成为“跟层叠上下文（皇亲国戚）

2）z-index值为数值的定位元素（科考入选）

3）其他属性（其他途径）

2、层叠水平：层叠上下文的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序，遵循“后来居上”和“谁大谁上”的层叠准则

层叠水平不是z-index，普通元素也有层叠水平（官员家里的仆人也有一个排列顺序，表示谁离官员更近）

1.层叠上下文

1) 页面根源素，根层叠上下文

2) z-index为数值的定位元素也具有层叠上下文

3) 其他属性

1)层叠上下文可以嵌套，组成一个分层次的层叠上下文

2）每个层叠上下文和兄弟元素独立：当进行层叠变化和渲染的时候，只需要考虑后代元素。

3）每个层叠上下文是自成体系的：当元素的内容被层叠后，整个元素被认为是在父层的层叠顺序中。

2.层叠水平

层叠上下文中的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序。

遵循“后来居上”和“谁大谁上”的层叠准则

层叠水平和z-index不是一个东西。普通元素也有层叠水平

根元素天生具有层叠上下文

层叠上下文是HTML元素中的一个三维概念，便是元素在z轴上有了‘可以高人一等’

具有层级上下文的元素： 页面根元素， z-index值为数值的定位元素

层叠水平：层叠上下文中的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序

层叠上下文

1. 页面根元素天生具有层叠上下文，称之为“根层叠上下文”。

2. z-index为数值的定位元素也具有层叠上下文。

3. 其他

层叠水平

层叠上下文中的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序。遵循后来居上和谁大谁上的层叠准则。

层叠水平和z-index不是一个东西，普通元素也有层叠水平。

层叠上下文的特性：

1. 层叠上下文可以嵌套，组合成一个分层次的层叠上下文。

2. 每个层叠上下文和兄弟元素独立：当进行层叠变化或渲染的时候，只需要考虑后代元素。

3. 每个层叠上下文是自成体系的：当元素的内容被层叠后，整个元素被认为是在父层的层叠顺序中。
   

层叠上下文的类型：1，HTML的根元素

                               2.z-index就具有层叠上下文的属性

层叠上下文（stacking context）是HTML元素中的一个三维概念，表示元素在z轴上有了“可以高人一等”

页面根元素天生具有层叠上下文

z-index值为数值的定位元素也具有层叠上下文

其他属性……

层叠水平（stacking level）

层叠上下文中的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序

遵循“后来居上”和“谁大谁上”的层叠准则

普通元素也有层叠水平

层叠上下文几个特性

层叠上下文的几个特性