z-index工作原理

z-index是针对网页显示中的一个特殊属性

z-index指定两件事情：

• 当前元素的堆叠顺序；
• 当前元素是否建立新的堆叠上下文。

z-index这个属性控制着元素在z轴上的表现形式。
当z-index跟的属性值越大说明这个元素离电脑屏幕越近。

注意：z-index仅适用于定位元素，position属性值为 relative 或 absolute 或 fixed的对象。