elementUI中对话框el-dialog遮罩层问题（遮罩层在内容上面）

在Element UI中，如果el-dialog组件的遮罩层（mask）出现在内容上方，这通常是由于样式问题导致的。要解决这个问题，可以通过调整CSS样式来确保遮罩层正确地覆盖在内容下方。

以下是一个简单的CSS解决方案：

/* 调整遮罩层的样式，确保遮罩层在内容下方 */
.el-dialog__wrapper {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}
 
.el-dialog {
  margin: 0 !important; /* 重置边距 */
}
 
.el-dialog__body {
  padding: 20px; /* 根据需要调整内边距 */
}
 
.el-dialog__header {
  padding: 10px 20px; /* 根据需要调整内边距 */
}
 
/* 如果需要，可以调整遮罩层的样式 */
.el-mask {
  position: absolute; /* 绝对定位 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左边对齐 */
  background-color: rgba(0, 0, 0, 0.7); /* 遮罩层颜色和透明度 */
}

将上述CSS添加到你的样式表中，应该可以解决遮罩层在内容上方的问题。如果问题依然存在，可能需要检查是否有其他CSS样式覆盖了上述样式，或者检查是否有JavaScript动态改变了元素的定位或层级。