我有一些正常的内容。然后我制作了另一个 div,它将覆盖所有内容,并通过按钮触发。
这个div是绝对位置的,背景色:rgba,所以可以是透明的。
当 div 显示时,用户不应该能够单击其下方的任何内容,只能单击一个按钮(刚才提到的按钮)。
我无法实现这一点,如果我使用指针事件,它会提供对其下所有内容的点击访问。
我只希望底部 div 中的按钮在 div 打开时可单击。
非常感谢!
最佳答案
如果您只希望在叠加层处于事件状态时可以单击一个按钮,为什么不将该按钮设为叠加层上方的唯一按钮呢?
然后你可以使用 jquery 来修改给定对象的 css。如果覆盖层处于事件状态,则将按钮的 z 索引设置到顶部。如果它处于非事件状态,则将按钮返回到正常状态并隐藏覆盖层。如果您确实希望按钮看起来像在覆盖层下方,您甚至可以设置样式使其看起来褪色(通过 CSS 不透明度或替代图像)
关于css - 只需通过覆盖的 div 单击一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10110839/