在HTML中，設置div遮罩是一個非常常見的需求。遮罩可以用來防止用戶對頁面元素進行不必要的操作，同時也可以起到美化頁面的作用。

<div id="mask"></div>

上面這段代碼就是一個簡單的div遮罩。我們可以通過CSS來設置div的樣式。

#mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}

在這段代碼中，我們設置了遮罩的樣式。其中，position: fixed可以讓遮罩固定在頁面上，不隨滾動而移動；top: 0和left: 0則可以將遮罩置于頁面的最上層；width: 100%和height: 100%則可以讓遮罩覆蓋整個頁面；background-color: rgba(0,0,0,0.5)則可以設置遮罩的顏色和透明度。

需要注意的是，遮罩上面的元素無法進行任何操作。如果需要在遮罩上放置按鈕或其他交互元素，可以設置z-index屬性來提高其層級。例如：

<div id="mask"></div>
<button id="myButton" style="position: fixed; z-index: 1;">點擊我</button>

以上代碼中，我們在遮罩上放置了一個按鈕，并將其層級設置為1（遮罩的層級為0）。這樣用戶就可以在遮罩上進行交互了。