比如：这是页面上的个人信息设置功能，点击弹出遮罩层，

头像这里可以继续点击查看，依然是新弹出一个dialog

如果点击继续点击这个预览头像

发现嵌套的遮罩（暗色）挡住了预览的图片

解决方法：

在嵌套的子dialog中添加  :append-to-body='true'
如：
<el-dialog :append-to-body='true'
 :visible.sync="ruleForm.dialogVisible" >
<img width="100%" :src="ruleForm.dialogImageUrl" alt="" />
</el-dialog>

然后就变亮了

赏

爬。