javascript - 如何修改代码让Highcharts图表不覆盖页面顶部的固定导航栏？

Question

我想在页面顶部有一个固定的导航栏。为此，我使用了 this approach as described on w3schools page .

但是，当我在页面上添加 highchart javascript 图形时，它不起作用。请看at the following jsfiddle code .当我滚动页面时，javascript 将覆盖导航栏。

我像这样插入 javascript 图表:

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">

有人可以建议如何修复代码，以便 javascript/highchart 图形在滚动时不会覆盖导航栏吗？

非常感谢!

Answer 1

增加菜单的 z-index 或减少容器的 z-index。

    z-index: 999;
}

示例:http://jsfiddle.net/90sth59u/1/