el-dialog移动时被父级元素遮住

如果el-dialog移动时被父级元素遮住，可以尝试在el-dialog的样式中添加`z-index`属性，并设置一个较大的值，确保el-dialog在父级元素之上。例如：

.el-dialog {
  z-index: 9999;
}

如果仍然遮住，可以考虑调整父级元素的`z-index`属性或者修改el-dialog的位置使其不被遮住。

相关问题

el-dialog位置脱离父级iframe的控制

如果使用 Vue + Element UI 搭建的项目中，使用 el-dialog 组件时出现了位置脱离父级 iframe 的情况，可以尝试以下几个解决方法：

1. 将 el-dialog 组件所在的父级元素定位为 relative，或者在父级元素上设置 z-index 属性。

2. 如果 el-dialog 组件的定位是 absolute，可以通过设置 left 和 top 属性来调整其位置。

3. 如果 el-dialog 组件的 iframe 父级和 el-dialog 组件所在的 iframe 不在同一个域名下，可以尝试在父级 iframe 中设置 X-Frame-Options 为 ALLOW-FROM 来允许跨域访问。

4. 尝试使用 Element UI 提供的 append-to-body 属性，将 el-dialog 组件添加到 body 元素下，而不是其所在的父级容器中，从而避免位置受父级 iframe 的影响。

需要注意的是，以上解决方法仅供参考，具体应该根据实际情况进行调试和优化。

el-dialog遮罩层把内容遮住

el-dialog是一个基于Element UI的弹出框组件，它的遮罩层和显示层都设置了position:fixed。如果el-dialog的父级元素也设置了position:fixed，并且其z-index比弹出框的遮罩层小，就会出现遮罩层把内容遮挡的问题。解决这个问题的方法是给el-dialog设置modal-append-to-body='false'，使遮罩层插入到Dialog的父元素上。这样就可以避免遮罩层把内容遮挡的问题了。