CSS中加黑色遮罩的方法是給需要加遮罩的元素添加一個(gè)半透明的黑色背景。

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}

上面的代碼中，我們給遮罩層設(shè)置了絕對(duì)定位，讓它覆蓋在需要遮罩的元素之上。然后，我們給遮罩層設(shè)置了寬度和高度都為100%，讓它充滿整個(gè)屏幕。最后，我們使用了rgba顏色模式來設(shè)置背景顏色，其中0.5表示透明度為50%。這樣，就達(dá)到了黑色遮罩的效果。

需要注意的是，如果需要添加的元素不是絕對(duì)定位的，我們還需要給它的父元素設(shè)置position: relative，讓遮罩層相對(duì)于父元素進(jìn)行定位。

.parent {
position: relative;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}

上面的代碼中，我們給父元素設(shè)置了相對(duì)定位，并在里面添加了需要加遮罩的子元素。然后，我們給子元素添加了絕對(duì)定位，并設(shè)置了寬度和高度都為100%。這時(shí)，我們就會(huì)發(fā)現(xiàn)遮罩層自動(dòng)覆蓋在了子元素之上。

總而言之，添加黑色遮罩的方法很簡(jiǎn)單，只需加上一個(gè)半透明的黑色背景即可。需要注意的是，使用rgba顏色模式時(shí)，最后一個(gè)參數(shù)表示透明度，數(shù)值越小越透明。