CSS中的遮罩效果可以通過使用opacity屬性或rgba顏色值來實現。它可以將元素的不透明度降低，從而使得元素的下面的內容透出來被遮蓋。但是，有時候我們可能需要取消部分遮罩，讓下面的內容不被遮蓋到。

那么怎么取消部分遮罩呢？

.mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5); //遮罩效果
}
.cancel{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 200px;
height: 200px;
background-color: #fff;
}

在以上代碼中，我們創建了一個遮罩層和一個取消部分遮罩的元素。在遮罩層中，我們使用了rgba顏色值來實現遮罩效果。在取消部分遮罩的元素中，我們設置了一個白色的背景色。

接下來，我們可以通過使用z-index屬性來調整兩個元素的層疊順序，從而使得取消部分遮罩的元素位于遮罩層的上面：

.cancel{
z-index: 99; //設置層疊順序
}

這樣，取消部分遮罩的元素就不再被遮罩層所遮蓋，下面的內容也不會被遮擋到了。