z-index与所有层次的元素不正确地工作

在CSS中，z-index属性定义了一个元素的堆叠顺序（层次）。较高的z-index值将覆盖较低的z-index值。

当z-index与所有层次的元素不正确地工作时，可能是由于以下原因：

1. 元素没有被定位：z-index只对定位元素（position属性值为relative、absolute或fixed）有效。如果元素没有被定位，z-index将不会起作用。因此，确保需要使用z-index的元素已经被定位。

.element {
  position: relative;
  z-index: 999;
}

2. 父元素的z-index值较低：如果一个元素的z-index值较高，但其父元素的z-index值较低，那么子元素的z-index值将无效。在这种情况下，可以尝试提高父元素的z-index值或者为父元素添加定位。

.parent-element {
  position: relative;
  z-index: 1;
}

.child-element {
  position: relative;
  z-index: 999;
}

3. 元素重叠导致z-index不起作用：当元素重叠时，z-index的值将决定元素的显示顺序。如果元素之间没有重叠，z-index将不起作用。确保元素之间有重叠，以便z-index生效。

.element1 {
  position: relative;
  z-index: 2;
}

.element2 {
  position: relative;
  z-index: 1;
  margin-top: -20px;
}

通过检查上述问题，您可以解决z-index与所有层次的元素不正确地工作的问题。