Как изменить код, чтобы график Highcharts не охватывал фиксированную панель навигации в верхней части страницы?

Question

Я хотел бы иметь фиксированную навигационную панель в верхней части страницы. Для этого я использовал this approach as described on w3schools page.

Однако, когда я добавляю графику 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/