只需通过覆盖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”？这也可能导致问题。