html重叠点不到链接,html – 由于z-index链接不可点击

我有一个绝对位置的div与一个页面上重叠在另一个div滚动.当我们滚动到一个特定的div时,我想让它看不见.

为此,我使用z-index.我正在设置我想隐藏的div的z-index 1,对于另一个div来说,要设置更高的z-index.但它并不隐藏div.如果我将z-index设置为-1,那么它隐藏,但是那个div上的链接不再是可点击的.如何解决这个问题？

这是我的代码：

Should hide

Should be visible

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之后.