css - 只需通过覆盖的 div 单击一个按钮

标签 css html styles css-position

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

这个div是绝对位置的,背景色:rgba,所以可以是透明的。

当 div 显示时,用户不应该能够单击其下方的任何内容,只能单击一个按钮(刚才提到的按钮)。

我无法实现这一点,如果我使用指针事件,它会提供对其下所有内容的点击访问。

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

非常感谢!

最佳答案

如果您只希望在叠加层处于事件状态时可以单击一个按钮,为什么不将该按钮设为叠加层上方的唯一按钮呢?

然后你可以使用 jquery 来修改给定对象的 css。如果覆盖层处于事件状态,则将按钮的 z 索引设置到顶部。如果它处于非事件状态,则将按钮返回到正常状态并隐藏覆盖层。如果您确实希望按钮看起来像在覆盖层下方,您甚至可以设置样式使其看起来褪色(通过 CSS 不透明度或替代图像)

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

关于css - 只需通过覆盖的 div 单击一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10110839/

相关文章:

html - 两个输入标签并排无间距

javascript - 如何使用 Javascript 设置用于打印的 Html 页面宽度和高度

html - 没有嵌套容器的桌面和移动 flexbox 布局

c# - 当前的 VS 工具可以让每个开发人员以不同的方式查看 C# 代码

html - 居中菜单链接

css - HTML/CSS - 我应该设置什么规则才能正确对齐?

javascript - 如何使用 javascript 和 XMLHttpRequest 生成 div

javascript - 减少 React native 中的重复代码

css - 如何使一个 div 具有与另一个相同的样式但名称不同?

qt - 如何改变QTableView边框颜色?