什么是上下文层叠

上下文层叠是html中一个三维概念，英文叫stacking context。如果一个元素含有上下文层叠，就可以理解为这个元素在z轴上更靠近用户。

上下文层叠顺序

通过代码实验，我们可以得出各个元素层叠顺序如下：

Jietu20181128-165214.jpg

• relative
• text/内联元素
• float
• div/块级元素
• border
• background（底层）

通过改变元素的z-index属性，可以改变上下文层叠。