请简述在CSS中如何为盒子应用遮罩层（蒙版）？

解答思路：

在CSS中，为盒子添加蒙版通常使用伪元素::after或::before结合背景属性实现。蒙版可以遮盖盒子的某些部分，常用于创建视觉效果或焦点突出。解答此题需了解如何使用伪元素以及背景属性的设置。

最优回答：

为盒子添加蒙版可以通过CSS的伪元素::after或::before来实现。具体做法是在选择器中为盒子添加这两个伪元素，并通过content属性定义蒙版内容，再通过background属性设置蒙版的样式和颜色。例如：

.box {
  position: relative;  /* 保证伪元素定位相对于此盒子 */
}

.box::after {
  content: "";        /* 定义蒙版内容，可以通过此属性控制显示的内容 */
  position: absolute; /* 绝对定位，相对于.box定位 */
  top: 0;            /* 控制蒙版的位置 */
  left: 0;
  width: 100%;       /* 蒙版的宽度 */
  height: 100%;       /* 蒙版的高度 */
  background: url('image.jpg'); /* 设置蒙版的背景图片或颜色 */
}