蒙版是一种非常常见的设计元素，它可以让网页更加美观和有趣。下面我们将介绍如何使用 CSS 设置蒙版。

.mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3); //设置蒙版背景颜色与透明度z-index: 1; //设置蒙版层级，这里设为 1，如果有其他层级需要则调整}

上述代码中，我们设置了一个名为 mask 的类，将其定位到左上角，并设置了宽高为 100%，这样蒙版会完全覆盖整个网页。接着，我们设置了一个背景色为黑色，透明度为 0.3，这样网页内容就会被半透明遮盖。最后，我们将 z-index 属性设置为 1，使得蒙版位于页面的最上层。

如果你想让蒙版在某些时间消失或显示，可以使用 Javascript 控制它的显示或隐藏，示例如下：

var mask = document.querySelector('.mask');mask.style.display = 'block'; //显示蒙版mask.style.display = 'none'; //隐藏蒙版

上述代码中，我们首先通过 document.querySelector() 方法获取到名为 mask 的元素，然后通过 mask.style.display 属性控制它的显示或隐藏。当设置为 block 时，蒙版就会显示出来，当设置为 none 时，蒙版就会隐藏。

以上就是关于如何使用 CSS 设置蒙版的介绍，希望对你有所帮助。