CSS中的z-index屬性用于控制元素的層級(jí)關(guān)系，它定義了元素在層疊上下文中的位置。它的值是一個(gè)整數(shù)，表示元素的層級(jí)順序。z-index值越大，元素就越靠近頂部。

下面是一些z-index使用的實(shí)例：

// 將id為nav的元素放在所有其他元素的頂部
#nav {
z-index: 9999;
}
// 將id為header的元素放在所有其他元素的上面，但在id為nav的元素的下面
#header {
z-index: 1000;
}
// 將id為main的元素放在其他所有元素的下面
#main {
z-index: -1;
}

需要注意的是，只有在位置屬性（如position）被設(shè)置為relative、absolute或fixed時(shí)，z-index才能生效。并且，z-index只能影響在同一個(gè)父元素內(nèi)的元素層級(jí)關(guān)系，無法影響父元素的層級(jí)關(guān)系。

總之，掌握z-index的使用可以讓我們更好的控制頁面的層級(jí)關(guān)系，展現(xiàn)更加美觀的頁面效果。