在CSS中，z-index是一個非常實用的屬性，它用于控制HTML元素的層級關系。如果你想讓某個元素在另一個元素的上面顯示，你可以使用z-index來實現。

.example1{
z-index: 1;
}
.example2{
z-index: 2;
}

上面的代碼中，我們給example1元素和example2元素設置了不同的z-index值。由于example2的z-index值比example1的大，所以example2元素會顯示在example1元素的上面。

當多個元素出現重疊時，z-index屬性非常有用。例如，當你想控制一個下拉列表在某個元素的上面顯示時，你可以設置下拉列表的z-index值比那個元素大。

.dropdown{
z-index: 10;
}
.container{
position: relative;
z-index: 1;
}

在上面的代碼中，我們給下拉列表設置了z-index為10，并且將容器元素的z-index設置為1。由于下拉列表的z-index比容器元素大，所以下拉列表會在它上面顯示。

需要注意的是，z-index屬性只對具有定位屬性的元素起作用。如果一個元素沒有定位屬性，那么它的z-index值將被忽略。

總之，z-index屬性可以幫助我們很好地管理HTML元素的層級關系。如果你需要控制某些元素的顯示順序，那么z-index是一個必不可少的工具。