CSS是前端開發必不可少的一部分，在處理網頁中的樣式方面非常有用。而如何禁止遮罩下頁面滾動也是CSS中的一個重要問題。

在許多情況下，網站需要在彈出層或模態框等被遮罩的區域添加滾動條。如果不禁止后面的頁面滾動，將會給用戶使用帶來極大的不便。在這種情況下，我們需要在CSS中進行相應的設置來禁止遮罩下頁面的滾動。

首先，我們可以通過設置HTML標簽的overflow屬性來實現對遮罩下頁面滾動的限制，具體代碼如下：

html { 
overflow: hidden; 
}

代碼中，我們將overflow屬性設置為hidden，這樣頁面就無法滾動。

但是，這段代碼會讓整個頁面無法滾動，不符合實際需求。因此，我們需要進一步設置遮罩區域內的滾動條，即對于添加了遮罩的元素，我們需要設置overflow為auto，代碼如下：

.modal { 
overflow: auto; 
}

此時，只有遮罩區域內的內容能夠滾動，背景頁面仍然無法滾動。

當然，以上僅是CSS中禁止遮罩下頁面滾動的兩種方式，具體實現還需要根據實際情況來選擇。但總體而言，CSS作為前端樣式設計的核心，它在實現網頁的美化和實用性方面都具有重要作用。