在CSS中，z-index属性用于控制页面元素的堆叠顺序。不同的z-index值能够让重叠的元素按需显示在前景或者背景。通过将z-index应用于定位元素，能够实现更灵活的设计和布局。
z-index属性的作用仅在定位元素上生效。只有设置为相对定位（position: relative）、绝对定位（position: absolute）或固定定位（position: fixed）的元素，可以进行z-index的赋值。如果元素未设置定位，其z-index值默认是auto，不会影响元素的堆叠顺序。
z-index接受整数值，包括正值、负值和零。数值越大，元素在堆叠上下文中的位置越靠前。例如，如果两个元素分别具有z-index值为1和10，那么z-index为10的元素会在z-index为1的元素上方显示。负值则会使元素处于页面的后面。
值得注意的是，z-index的作用受到层叠上下文的影响。层叠上下文是由特定属性形成的环境。在新的层叠上下文中，子元素的z-index值只对父元素的z-index有影响，而与其他外部元素的z-index无关。每当创建新的层叠上下文时，z-index值的比较仅限于该上下文内部。
一个常见的层叠上下文创建方法是使用position属性和opacity、transform等其他CSS属性。比如，设置为position: relative并给与z-index的元素，将会成为新的上下文，影响其子元素的层叠。
缺省情况下，HTML元素的堆叠顺序为文档流。当元素重叠时，它们会按照在文档中的出现顺序进行展示，后出现的元素会覆盖先出现的元素。在没有层叠上下文的情况下，z-index效果是无法实现的。
在实际开发中，合理使用z-index可以避免布局混乱。一种推荐的做法是从0开始为不同层级定义z-index，并以此增加值。这样可以方便管理元素的层叠，使修改更为简单。
z-index不适合过度使用。过多的层叠会导致页面维护困难，可能会容易出现混淆。因此，尽量在必要时使用，而非随意设置。