一、什么是“层叠顺序”
“层叠顺序”(stacking order)表示元素发生层叠时按照特定的顺序规则在Z轴上垂直显示。
在不考虑CSS3的情况下，当元素发生层叠时，层叠顺讯遵循上面途中的规则。 这里值得注意的是：
- 左上角"层叠上下文
background/border"指的是层叠上下文元素的背景和边框。 -
inline/inline-block元素的层叠顺序要高于block(块级)/float(浮动)元素。 - 单纯考虑层叠顺序，
z-index: auto和z-index: 0在同一层级，但这两个属性值本身是有根本区别的。