只需单击一个按钮即可通过叠加 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"？ 这也可能导致问题。