点击只是一个按钮通过覆盖div

Question

我有一些正常的内容。然后，我做了另一个将要结束一切的div，用一个按钮触发。

这个div是绝对位置，背景颜色：rgba，所以它可以是透明的。

当显示div时，用户不应该能够点击它下面的任何东西，只有一个按钮（刚刚提到的那个）。

我无法做到这一点，如果我使用指针事件，它可以点击访问它下面的所有东西。

我只是想在div打开时点击底部div中的按钮。

非常感谢！

Answer 1

如果您只想让一个按钮在叠加层处于活动状态时可点击，为什么不只是将该按钮设置为叠加层之上的唯一对象？

你可以然后你jQuery的修改给定的对象的CSS。如果叠加层处于活动状态，则将该按钮指向顶部。如果它不活动，则将按钮恢复到正常状态并隐藏覆盖图。如果你真的想按钮看起来像它的覆盖下，你甚至可以设定一个风格，使它看起来褪色（通过CSS不透明，或替代图像）

http://jsfiddle.net/ckaufman/b6gza/

Answer 2

首先，你为什么试图在所有东西上覆盖一个“透明div”？

其次，您可以通过检查每个点击事件来了解透明div的可见性，从而解决您的问题。

function anyclick() 
if(transparent div is visible) 
    do nothing 
else 
    do something 

从技术上讲，尽管它不会触发任何事件，但仍会使按钮可点击。

编辑编辑：你是否索引你的“透明div”或不？这也可能会导致问题。