Javascript 出现在我的下拉菜单前的表格

我有一张饼图上的桌子。

Highcharts

export

按钮就在它的正上方。当我点击菜单时，它会隐藏在桌子后面。表格需要有

z-index

的

1000

，才能显示在图表上，但我需要导出下拉菜单来覆盖它

如何让下拉菜单覆盖具有

z-index:1000

的表？

表格

<table style="background-color: white; position:absolute; z-index: 1000; margin-left: 550px; margin-top:50px;  width:20%; font-size: 12px;">
 <th>Output (MW)</th>
 <tr></tr>
  <tr>
    <td><strong>Total</strong></td>
    <td id="total" align="right"></td>
  </tr>
  <tr>
    <td><strong>Renewables</strong></td>
    <td id="renew" align="right"></td>
  </tr>
</table> 

输出功率（MW）
总计
可再生能源

减小

z-index

表格的值，直到转到菜单后面。如果表格仍然需要在图表中显示

z-index:1000

，则在CSS文件中为

Highcharts export

菜单类添加

z-index:1001

。

Highcharts contextmenu是导出选项类，您需要使用以下CSS

.highcharts-container {
position: inherit !important;
}
.highcharts-contextmenu  {
 z-index:9999!important;
}

---

在查看其他组件的z索引时，请参见

，这样您就可以更改1000并为覆盖层腾出空间，您可以像在另一个问题中所做的那样对其进行简化吗？