在網頁設計中，常常需要使用蒙版層來實現某些效果，比如點擊彈出框背景模糊等。下面就來介紹如何使用CSS寫一個蒙版層。

首先，我們需要一個div容器來包含需要使用蒙版層的內容，然后在該容器之后添加一個div作為蒙版層，這個層應該設置為全屏，半透明，顏色為黑色或白色。

.container {
position: relative;
z-index: 1;
/* 其他樣式 */
}
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #000;
z-index: 0;
/* 其他樣式 */
}

由于蒙版層需要覆蓋在內容容器之上，所以需要給內容容器設置一個較高的z-index。而蒙版層需要定位到窗口的左上角并設置寬高為100%，這樣才能遮住整個頁面。并且設置透明度為0.5，這樣才會半透明，不會完全遮住頁面，讓用戶知道還有東西在下面。蒙版層還需要設置一個z-index，用于控制其層級。

對于蒙版層的顯示，可以通過JavaScript來控制它的display屬性。在需要顯示蒙版層時，調用以下JS代碼：

document.querySelector('.mask').style.display = 'block';

需要隱藏蒙版層時，調用以下JS代碼：

document.querySelector('.mask').style.display = 'none';

這樣就可以使用CSS和JavaScript實現一個簡單的蒙版層了。當然，根據實際需求可能還需要添加一些其他的樣式或功能，比如點擊蒙版層關閉彈窗等。