在覆盖的 div 中单击一个按钮

Question

我有一些正常的内容。然后我制作了另一个 div，它将覆盖所有内容，由一个按钮触发。

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

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

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

我只希望底部 div 中的按钮在 div 打开时可以点击。

非常感谢！

Answer 1

如果您只希望一个按钮在叠加层处于活动状态时可点击，为什么不让该按钮成为叠加层上方的唯一按钮？

然后您可以使用 jquery 来修改给定对象的 css。如果覆盖是活动的 z-index 按钮到顶部。如果它处于非活动状态，则将按钮返回到其正常状态并隐藏覆盖。如果您真的希望按钮看起来像在叠加层下，您甚至可以设置一种样式以使其看起来褪色（通过 CSS 不透明度或替代图像）

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

Answer 2

首先，您为什么要在所有内容上覆盖“透明 div”？

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

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

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

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