CSS遮罩層是一種用來遮蓋在網頁上的一層樣式，可以用來實現多種效果，比如點擊按鈕彈出框，彈出框調用遮罩層以達到遮蓋背景的效果。這篇文章將教你如何設置一個黑色的CSS遮罩層。

/*黑色遮罩層的CSS*/
.overlay {
position: fixed; /*固定定位*/
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5); /*半透明黑色*/
z-index: 999; /*z-index越大，層級越高*/
}

首先，在CSS中創建一個名為“overlay”的CSS類，設置其在網頁上的位置和大小。要遮蓋整個網頁，你需要使用“固定定位”（position:fixed）。將“top”和“left”值都設為0，寬度和高度都設置為100%。這樣，就會覆蓋在整個網頁上。

接著，將背景顏色設置為黑色，這里使用了“rgba”顏色表示法，即“紅，綠，藍，透明度”。其中，透明度部分的值越大，遮罩層越不透明。在這里，我們設置為0.5，就可以看到背景透過來一些。

最后，我們需要將遮罩層的層級提高，以使其沒有被任何其他元素蓋住。這里，我們將“z-index”屬性設為999。

現在，我們已經成功地創建了一個黑色的CSS遮罩層，可以隨時在需要的頁面上使用。希望這篇文章能對你有所幫助。