CSS中的z軸定位是指元素在屏幕上的疊放順序。調(diào)整元素的z-index屬性可以改變?cè)氐膶蛹?jí)，使得某些元素在其他元素之上或之下。

/*示例1：下層元素*/
.lower {
position: absolute;
z-index: 1;
}
.upper {
position: absolute;
z-index: 2;
}

在上面的示例中，lower元素比upper元素更靠近屏幕底部。使用z-index將lower元素的層級(jí)設(shè)為1，將upper元素的層級(jí)設(shè)為2，可以使得upper元素位于lower元素的上方。

/*示例2：上層元素*/
.background {
position: relative;
z-index: -1;
}

在上面的示例中，background元素會(huì)作為頁(yè)面的背景，則需要將它置于所有其他元素下方，以達(dá)到背景的效果可以使用z-index將其層級(jí)設(shè)為-1，使其位于其他元素的下方。

/*示例3：元素遮擋*/
.bottom {
position: absolute; 
z-index: 1; 
}
.top {
position: absolute; 
z-index: 2;
}

在上面的示例中，bottom元素位于層級(jí)較低，top元素位于層級(jí)較高。當(dāng)兩個(gè)元素重疊時(shí)，top元素會(huì)遮擋bottom元素。若bottom元素的層級(jí)高于top元素，則bottom元素會(huì)遮擋top元素。

因此，在使用z-index進(jìn)行元素定位時(shí)，需要根據(jù)具體情況合理調(diào)整各個(gè)元素的層級(jí)關(guān)系，以達(dá)到想要的效果。