html半透明遮罩效果

要实现HTML半透明遮罩效果，可以通过CSS的opacity属性和background-color属性来实现。具体步骤如下：

1. 创建一个遮罩层的div，宽高与页面相同，并设置其position属性为fixed，使其固定在页面上。

2. 设置遮罩层的opacity属性为0.5，表示透明度为50%。

3. 设置遮罩层的background-color属性为带有透明度的颜色值，比如rgba(0, 0, 0, 0.5)，表示黑色并且透明度为50%。

4. 将需要遮罩的内容放在遮罩层下面，通过z-index属性将其置于遮罩层之上。

下面是一个示例代码：

HTML部分：

<div class="mask">
  <!-- 需要遮罩的内容 -->
</div>

CSS部分：

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

以上代码会创建一个透明度为50%的黑色遮罩层，将其置于页面最上层，以遮住下面的内容。