CSS實現遮住父節點

在Web開發中，有時候需要將子元素遮住父元素，實現父元素背景不見。這一操作可以通過CSS中的z-index屬性和position屬性來實現。

首先，需要給父元素（以下稱為container）設置一個相對定位的position屬性。

.container {
position: relative;
}

然后，在container內部添加一個子元素，設置絕對定位的position屬性、寬高和z-index屬性。這個子元素可以是一個半透明的遮罩層，也可以是其他的內容。

.container .child {
position: absolute;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}

其中，opacity屬性用來設置透明度，可以根據需求調整值；z-index屬性用來指定元素的堆疊順序，大的在上。

最后，只需要將子元素的z-index屬性設置為比父元素更高的值，就可以實現遮住父元素的效果。

完整的CSS代碼如下：

.container {
position: relative;
}
.container .child {
position: absolute;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}

以上就是使用CSS實現遮住父元素的方法。需要注意的是，如果父元素已經有一個比較高的z-index值，那么子元素的z-index值需要設置得更高才能實現遮住的效果。