CSS 中的遮擋關(guān)系是指在網(wǎng)頁中有多個元素疊加在一起，覆蓋部分顯示一種在上層的元素遮蓋了下層元素的關(guān)系。

/* 遮擋關(guān)系的產(chǎn)生 */
.layer1{
width: 100px;
height: 100px;
background-color: red;
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
.layer2{
width: 150px;
height: 150px;
background-color: blue;
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}

在這個例子中，兩個元素有相同的位置坐標，但 z-index 不同，所以紅色的 .layer1 元素會遮蓋在藍色的 .layer2 元素之上。

z-index 是用來定義元素在豎向?qū)哟紊系那昂箜樞虻?，值越大就越靠上面。同時，z-index 只對 position 屬性為 relative、absolute、fixed 的元素有效。

需要注意的是，在使用遮擋關(guān)系時，應該盡量讓遮蓋的元素具有明顯的視覺提示，否則會影響用戶的閱讀體驗。同時，在使用遮擋關(guān)系時，應該注意多個元素的 z-index 不要出現(xiàn)交叉，否則會出現(xiàn)不可預料的情況。