z-index不影响元素显示顺序。

实际上，z-index属性是用来控制元素在堆叠上下文中的显示顺序。更高的z-index值将使元素出现在其他元素的顶部。

如果你遇到了z-index不影响元素显示顺序的问题，可能是由于以下原因：

1. 元素没有被定位：z-index属性只对定位元素（position属性值为relative、absolute或fixed）起作用。如果元素没有被定位，z-index将无效。

2. 元素所在的堆叠上下文不正确：每个堆叠上下文都有自己的层级关系。如果元素所在的堆叠上下文不正确，z-index将不起作用。可以通过给元素的父级元素添加position: relative或position: absolute来创建一个新的堆叠上下文。

下面是一个示例代码，演示如何正确使用z-index属性：

HTML代码：

<div class="parent">
  <div class="child" style="position: relative; z-index: 2;">Child 1</div>
  <div class="child" style="position: relative; z-index: 1;">Child 2</div>
</div>

CSS代码：

.parent {
  position: relative;
}

.child {
  width: 100px;
  height: 100px;
  background-color: red;
  color: white;
  text-align: center;
}

在这个例子中，我们创建了一个父级元素，其中包含两个子元素。每个子元素都设置了position: relative和不同的z-index值。这样，子元素1将显示在子元素2的上方。

确保元素被正确定位并位于正确的堆叠上下文中，可以确保z-index属性正常工作，并控制元素的显示顺序。