遮罩層是一種常見的網頁效果，可以通過層疊樣式表 (CSS) 來實現。遮罩層可以對網頁進行灰顯、半透明等處理，使得顯示出來的信息更加突出、醒目。

今天我們將介紹如何使用 CSS 來創建一個全屏的遮罩層。下面是我們的代碼：

<div class="mask"></div>

我們為遮罩層指定了一個 class 名稱，接下來我們需要在 CSS 中給這個類添加樣式，如下所示：

.mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}

我們給遮罩層使用了 position: fixed 屬性，這意味著它將保持在瀏覽器窗口的可見區域內，不管用戶如何滾動頁面。我們還使用了 top、bottom、left 和 right 屬性來使遮罩層覆蓋整個屏幕。

我們還為遮罩層添加了一個背景顏色：rgba(0, 0, 0, 0.5)。這是一種半透明黑色，使得遮罩層可以灰顯背后的內容，同時也不完全遮擋背后的內容。

最后，我們為遮罩層設置了一個 z-index 屬性，使得它在層級上高于其他元素，從而可以有效遮擋背后的內容。

現在我們已經成功創建了一個全屏的遮罩層，你可以在自己的網頁中使用這一效果來使得網頁更加醒目、吸引人。