CSS遮罩層是一種常用的效果，常常用于網站中的彈窗、提示框等。本文將介紹如何設置CSS遮罩層。
首先，我們需要先創建一個用于遮罩層的HTML元素。我們可以在HTML中添加一個
元素，并給它添加一個class屬性，用來指定樣式。
<div class="mask"></div>接下來，我們需要在CSS中設置這個遮罩層的樣式。我們可以使用position屬性來讓這個元素定位到整個網頁的最頂層，并設置背景色為半透明的黑色。
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}其中，rgba()函數用于設置顏色和透明度。這里的參數0.5表示透明度為50%。
通過以上代碼，我們已經成功地創建了一個CSS遮罩層。我們可以在之后的HTML元素中使用這個遮罩層，例如彈窗，提示框等。