我有一个绝对位置的div与一个页面上重叠在另一个div滚动.当我们滚动到一个特定的div时,我想让它看不见.
为此,我使用z-index.我正在设置我想隐藏的div的z-index 1,对于另一个div来说,要设置更高的z-index.但它并不隐藏div.如果我将z-index设置为-1,那么它隐藏,但是那个div上的链接不再是可点击的.如何解决这个问题？
这是我的代码：
HTML：
<div class="wrap">
<div class="up"><div class="Box"><a href="#">Should hide</a></div></div>
<div class="down">Should be visible</div>
</div>
CSS：
.wrap{
width: 300px;
position: relative;
overflow: hidden;
border: 1px solid #000;
}
.up{
height: 100px;
}
.Box{
position: absolute;
top: 20px;
background: yellow;
width: 100px;
height: 100px;
z-index: -1;
}
.down{
background: green;
overflow: hidden;
z-index: 200;
height: 400px;
}
所以上面的例子中的问题是.Box中的链接是不可点击的(因为-ve z-index值),如果我设置为正,它不会隐藏在.down之后.
的jsfiddle：
http://jsfiddle.net/G2xRA/
