Header 菜单块日期选择器显示

Header menu blocks datepicker display

我正在使用 Minton 模板 (http://coderthemes.com/minton_2.1/blue_hori/index.html)

如上图所示,日期选择器的顶部被固定的 header 菜单挡住了。日期选择器似乎没有自动放置在输入字段的底部。

这是我用的JS代码

jQuery('#date-range').datepicker({
    toggleActive: true
});

这发生在较小的屏幕上。大屏幕显示正确,日期选择器位于输入字段的底部,如下图所示。

我不希望菜单挡住日期选择器。请帮忙。

检查日期选择器的 z-index。 css 中的 z-index 对于日期选择器 class 应该大于菜单栏。

检查这个link for more information about z-index