el-dialog怎么只遮罩右侧div

要让 el-dialog 遮罩右侧的 div，你可以使用以下步骤：

1. 首先，确保你的右侧 div 设置了相对定位（position: relative），以便与遮罩层进行定位。

2. 在 el-dialog 的外层包裹一个容器 div，用于控制其位置和尺寸。

3. 给这个容器 div 设置合适的宽度，并使用 CSS 的绝对定位将其覆盖在右侧 div 上方。

4. 接下来，设置 el-dialog 的样式。给 el-dialog 添加一个自定义的 class 名称，例如 "masked-dialog"。

5. 使用 CSS 来定位和设置这个自定义的 class。在样式表中添加如下规则：

.masked-dialog {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 30%; /* 调整此处的宽度以适应你的需求 */
z-index: 9999; /* 确保遮罩层在右侧 div 上方 */
}

这样，el-dialog 就会遮罩右侧的 div，并且仅占据其宽度的 30%。你可以根据需要调整容器 div 和 el-dialog 的样式来达到你想要的效果。