CSS应用 z-index 层叠等级属性来调整盒子的堆叠顺序

CSS应用 z-index 层叠等级属性来调整盒子的堆叠顺序

在使用position定位布局时，可能会出现盒子重叠的情况。

加了定位position的盒子，默认后来者居上， 后面的盒子会压住前面的盒子。

应用 z-index 层叠等级属性可以调整盒子的堆叠顺序。如下图所示：

z-index 的特性如下：

1. 属性值：正整数、负整数或 0，默认值是 0，数值越大，盒子越靠上；
2. 如果属性值相同，则按照书写顺序，后来居上；
3. 数字后面不能加单位。

数字后面不能加单位*。

注意：z-index 只能应用于相对定位、绝对定位和固定定位的元素，其他标准流、浮动和静态定位无效。