CSS中的z-index屬性決定了HTML元素的顯示順序，它是一個整數值，值越大的元素會顯示在值小的元素的前面。在使用z-index之前，HTML元素需要設置position屬性的值為relative、absolute、fixed中的一種。

position: relative;
z-index: 1;

上述代碼為相對定位元素設置z-index屬性，值為1。一個元素的z-index值只能在它所屬的文檔層次結構中有意義，也就是說，兩個不在同一文檔結構下的元素之間的z-index值沒有可比性。

position: absolute;
left: 100px;
top: 50px;
z-index: 2;

上述代碼為絕對定位元素設置z-index屬性，同時設置左側偏移量為100像素，上側偏移量為50像素，z-index為2。如果兩個元素的z-index值相同，則后出現的元素會覆蓋先出現的元素。

position: fixed;
bottom: 0;
right: 0;
z-index: 3;

上述代碼為固定定位元素設置z-index屬性，同時設置底部偏移量為0，右側偏移量為0，z-index為3。

需要注意的是，z-index屬性只對定位元素有效，普通的塊級元素和行內元素是無法設置z-index屬性的。