dygraphs - 图表是重叠固定的div

时间:2014-05-15 08:03:40

标签: javascript html css overlap dygraphs

我有带固定位置的导航栏和带有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,这里是图片 scr

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

尝试在导航栏中添加z-index of 100(或更高版本),图表似乎比导航栏更高的z-index,从而与导航栏重叠。

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