javascript - dygraphs - 图表重叠固定定位 div

Question

我有固定位置的导航栏和带动态图的静态 div。导航栏正常工作，但当它与 dygrahp 重叠时，它会变得透明且不可点击。这是我的导航 CSS:

nav{
    background-color:#fff;
    border:1px solid #dedede;
    border-radius:4px;
    box-shadow:0 2px 2px -1px rgba(0,0,0,.055);
    color:#888;
    display:block;
    margin:8px 22px 8px 22px;
    position:fixed;
    top:0px;
    overflow:hidden;
    width:
    }

div 包含图表:

#chlone {
    background-color:#fff;
    border:0px solid #dedede;
    border-radius:4px;
    color:#888;
    display:block;
    padding:10px;
    margin:10px 222px 8px 22px;
    overflow:hidden;
    height:370px;
    width:620px
    }

id graph没有css，这里是图片

我该如何解决这个问题？

Answer 1

尝试添加 z-index of 100 (或更高)到导航栏，该图似乎位于比导航栏更高的 z-index 上，因此与您的导航栏重叠。

nav {
    z-index: 100;
    /*...*/
}