Jquery +将事件绑定到具有负z-index的元素

Question

我有一个固定的DIV（页脚横幅），里面有几个DIV。

在右侧有一个HIDE DIV（页脚横幅的一部分），点击它时会隐藏DIV的其他部分，并将整个z-index（页脚横幅）设置为-1，以便下面的网站这个横幅是可点击/可访问的。

点击隐藏后，它看起来像这样 - 只需隐藏DIV保留在右侧（稍后将被重命名为'show'，如下所示：

我这样做是为了保持这个DIV的宽度 - 如果用户放大/缩小页面并根据用户的屏幕尺寸，它会重新调整大小。

我遇到的问题是我希望能够点击剩余的隐藏DIV，捕获点击事件并重新显示此固定页脚DIV的所有方面，但是因为父级的z-index -1无法捕获点击事件。

我试过mousein / mouseout，这不起作用。

我尝试在这个剩余的隐藏DIV上增加z-index，但这似乎没有覆盖其父DIV具有负z-index的事实。

有没有办法在这个DIV上捕获点击事件？

THX

Answer 1

不是将父级的z-index设置为-1，而是选择要使用jQuery隐藏的精确div，并在单击按钮时调用hide / show：$('.divs').hide()并重新显示：$('.divs').show()。