我的意思是内容被遮物层盖住了

如果 el-dialog 的遮罩层在内容的上面并且导致内容被遮盖，可能是由于 CSS 样式设置或者其他代码逻辑问题导致的。可以通过以下几种方式来尝试解决这个问题：

1. 检查 CSS 样式。可以检查一下 el-dialog 的样式以及其子元素的样式，看看是否有设置了错误的层级关系或者其他不当的样式设置，例如 z-index 属性等。

2. 检查代码逻辑。可以检查一下代码中对 el-dialog 的初始化和操作逻辑，看看是否有错误的代码导致遮罩层覆盖了内容。

3. 尝试修改 z-index 属性。可以尝试在 CSS 样式中为 el-dialog 和其子元素设置不同的 z-index 属性，并尝试调整其值，看看是否能够解决问题。

如果以上方法仍然无法解决问题，可以提供更多的代码信息以便于定位问题。

相关问题

为什么el-dialog遮罩层会比弹出的内容优先级高，内容会被遮罩层盖住

el-dialog遮罩层的优先级比弹出的内容高是因为它的z-index属性值比弹出内容的z-index属性值更大。这是因为遮罩层需要覆盖整个页面，确保弹出内容是模态的，不被用户操作干扰。如果你想要调整弹出内容的z-index属性值，可以通过CSS的方式手动修改它的z-index值，使其比遮罩层更大，这样就可以让弹出内容显示在遮罩层之上了。

routerview被footer盖住

在页面中，当使用position:fixed来实现Footer时，可能会导致Routerview被Footer盖住的问题。有两种解决方案可以解决这个问题。
方案一是在Footer块之外再包裹一层div，然后再增加一个与Footer同级的div块，当div块的高度和Footer一样的时候，主页面就会有一个和Footer一样大小的padding，从而避免被Footer盖住。可以按照以下代码进行操作：
<div>
<div style="height:60px;"></div>
<p></p>
<section class='footer'>
<div class='reply-topic'>Footer内容</div>
</section>
</div>
方案二是通过设置CSS样式来解决。可以给Footer设置position:absolute; bottom:0; width:100%; height:100px;来固定在页面底部，并通过@media screen and (max-height: 768px)来在屏幕高度小于768像素时隐藏Footer，从而避免盖住Routerview。可以按照以下代码进行操作：
#myFooter{
position:absolute;
bottom:0;
width:100%;
height:100px;
background-color: transparent;
}

@media screen and (max-height: 768px){
#myFooter{
display: none;
}
}<span class="em">1</span><span class="em">2</span><span class="em">3</span>