dygraphs - 图表重叠固定位置div

Question

我有固定位置的导航栏和带有dygraph的静态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图没有CSS，这里是图像

我怎样才能解决这个问题呢？

Answer 1

尝试在导航栏中添加一个z-index of 100（或更高版本），看起来图形位于比导航栏更高的z-index处，因此与导航栏重叠。

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