弹窗遮罩层：父容器实现技巧

是可以的。你可以将遮罩层设置为弹窗的父容器，这样弹窗就可以在遮罩层的上方显示。你可以使用CSS的position属性来控制遮罩层和弹窗的定位。例如：

HTML:

<div class='overlay'>
  <div class='modal'>
    <!-- 弹窗内容 -->
  </div>
</div>

CSS:

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

.modal {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 200px;
  background-color: white;
  z-index: 10000;
}

在上述代码中，.overlay是遮罩层的样式，.modal是弹窗的样式。遮罩层的position属性设置为fixed，使其固定在视口中。弹窗的position属性设置为relative，使其相对于遮罩层定位。z-index属性用于控制遮罩层和弹窗的层级关系，确保弹窗显示在遮罩层的上方。