CSS彈窗在網頁中廣泛使用，可以提升用戶體驗。而彈窗出現時，常常需要遮罩層來防止用戶操作頁面內容。但是，如果在彈窗出現時仍然可以滾動頁面，用戶體驗就會受到影響。在這種情況下，我們可以通過CSS來實現遮罩層禁止滾動。

首先，在HTML中，我們需要定義一個遮罩層，例如：

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

然后，在CSS中，我們可以為遮罩層設置如下樣式：

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

這里，我們使用了position屬性來讓遮罩層覆蓋整個頁面，同時使用z-index屬性來讓遮罩層處于最頂層。我們還設置了background-color屬性，使遮罩層的背景色為半透明黑色。

接下來，我們需要設置當彈窗出現時，頁面不可滾動。我們可以為body元素設置如下樣式：

body {
overflow: hidden;
}

這個樣式可以防止用戶在彈窗出現時滾動頁面。同時，因為我們使用了position: fixed來定義遮罩層，所以即使禁止了頁面滾動，遮罩層仍然可以正常使用。

綜上所述，使用CSS實現遮罩層禁止滾動只需要設置遮罩層的樣式和頁面的樣式即可。這種做法既簡單又實用，可以提高網頁的用戶體驗。