CSS中z-index属性的有哪些作用

CSS中z-index属性的作用是控制元素在垂直方向上的层级关系。z-index属性的值可以是一个正整数、负整数或auto。

当多个元素堆叠时，z-index属性可以肯定哪一个元素位于其他元素的前面或后面。具有较高z-index值的元素将显示在具有较低z-index值的元素的前面。如果两个元素具有相同的z-index值，那末它们将依照它们在HTML文档中的顺序进行叠放，靠后的元素会覆盖靠前的元素。

z-index属性只对定位元素（position属性值为relative、absolute或fixed）有效。对静态定位（position: static）的元素，z-index属性不起作用。

使用z-index属性可以实现一些视觉效果，例如创建浮动的菜单、弹出框或悬浮元素。