我有带固定位置的导航栏和带有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,这里是图片
我该如何解决这个问题?
答案 0 :(得分:1)
尝试在导航栏中添加z-index
of 100(或更高版本),图表似乎比导航栏更高的z-index,从而与导航栏重叠。
nav {
z-index: 100;
/*...*/
}