请求大佬来解惑,el-dialog的外容器设置了固定定位会出现遮罩层挡在信息框上面的情况谁有碰到过解决办法吗?

Question

el-dialog的外容器设置了固定定位会出现遮罩层挡在信息框上面的情况谁有碰到过解决办法吗?如果我将外容器的层级调高就会出现div也在遮罩层上面显示的情况发生.

代码类似于下

<div style="position:'fixed'">

<el-buttontype="text"@click="dialogVisible = true">点击打开 Dialog</el-button>

<el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">

 <span>这是一段信息</span>

 <span slot="footer" class="dialog-footer">

   <el-button @click="dialogVisible = false">取 消</el-button>

   <el-button type="primary" @click="dialogVisible = false">确 定</el-button>

 </span>

</el-dialog>

</div>