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

Question

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

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

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

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

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

非常感谢。！

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

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

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

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

2 回答 2