Z-index不能将项目添加到顶部

使用绝对定位并将z-index设置为较高的值，同时将父元素也设置为相对定位。例如：

HTML代码：

<div class="parent"> <div class="child1"></div> <div class="child2"></div> </div>

CSS代码：

.parent { position: relative; }

.child1 { position: absolute; z-index: 1; }

.child2 { position: absolute; z-index: 2; }

在这个例子中，我们为父元素设置相对定位，并对两个子元素（.child1和.child2）都使用了绝对定位。我们将.z-index属性设置为2，并将.z-index设置为1，这样.child2就会出现在.child1的上面。