可以使用 CSS 中的 background-color 和 opacity 属性来创建半透明背景遮罩层。
具体实现方法如下：
使用 position: fixed 将遮罩层固定在页面上。
设置遮罩层的背景颜色，并使用 opacity 属性将其透明度调整为所需的值。例如：background-color: rgba(0, 0, 0, 0.5) 表示黑色背景颜色的透明度为 50%。
将遮罩层的大小设置为全屏，即 top: 0; left: 0; right: 0; bottom: 0;。
最后，将遮罩层的层级设置为最高，确保其覆盖在其他元素之上，例如：z-index: 9999。
代码示例：
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}在 HTML 中使用该样式：
<div class="overlay"></div>其中，class="overlay" 表示在该元素上应用名为 overlay 的样式。
注意：opacity 的值会影响到遮罩层上所有内容的透明度，包括文本、图片等。如果需要仅对背景颜色进行透明度设置，可以使用 background-color 的 rgba() 值来指定背景颜色和透明度。