表格出现在我的下拉菜单中

Question

我在饼图上有一张桌子。 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> 

Answer 1

highcharts-contextmenu是导出选项的类，您需要使用以下css

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

请参阅Updated fiddle here

Answer 2

降低您的表的z-index值，直到落后于菜单。如果表格仍然需要z-index:1000显示在图表中，请在CSS文件中为z-index:1001菜单的类添加Highcharts export。