el-image 层级过低

根据引用中提到的问题描述和解决方法，可以得出el-image的父元素层级不够高，导致被其他元素遮挡。解决方法是通过添加CSS样式来提高el-image的层级。具体的代码如下：

.image-viewer_wrapper {
  z-index: 2006; /* 提高层级 */
}

此外，还可以根据引用中的代码片段来进一步解决问题。使用::v-deep选择器可以穿透组件样式作用域，将样式应用于el-image的子元素。以下是代码示例：

::v-deep th.el-table__cell, ::v-deep td.el-table__cell {
  position: static; /* 子元素不与其产生新的层叠关系 */
}

这样设置之后，el-image的层级应该会提高，不再被其他元素遮挡。希望这些解决方法对您有帮助。

相关问题

el-dialog层级大于el-popover

在Element UI中，el-dialog和el-popover都是弹出层的组件，但是它们的层级是有差异的。默认情况下，el-dialog的层级较高，因此会覆盖在el-popover之上。

这是因为el-dialog组件在DOM结构中的位置比el-popover更高。el-dialog作为一个弹出的对话框，通常用于展示重要的信息或与用户进行交互，因此需要更高的层级来确保它的显示不被其他元素遮挡。

而el-popover作为一个悬浮提示框，它的层级较低，通常用于提供辅助性的信息或操作。因此，当el-dialog和el-popover同时存在时，el-dialog会覆盖在el-popover之上。

如果需要调整它们之间的层级关系，可以通过在CSS中修改它们的z-index属性来实现。例如，将el-popover的z-index设置为比el-dialog更高的值，可以使el-popover覆盖在el-dialog之上。

el-picker-panel层级过高的

根据引用内容，el-picker-panel层级过高的问题可以通过设置append-to-body属性来解决。通过查阅element-ui官网的文档，我了解到可以将el-picker-panel插入到body中，这样可以确保其层级不会受到其他元素的影响。具体操作是在el-picker组件上添加append-to-body属性，并将其设置为true。这样el-picker-panel就会被插入到body中，从而确保其层级较高，不会被其他元素遮挡。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [解决el-data-picker缩放弹出日期框屏幕适应问题](https://blog.csdn.net/weixin_44995829/article/details/127918191)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]