html - 全身覆盖,内部 div 可点击

标签 html css

我正在尝试向我的页面添加一个 100% 大小的叠加层。问题是内部 div 和按钮不再可点击。有解决办法吗?

我在这里使用答案来添加叠加层:CSS: How to get this overlay to extend 100% with scrolling?

我想要实现的就像我们在 photoshop 中添加到图层/组的蒙版。

谢谢

最佳答案

叠加层位于按钮容器之上的一层上,很可能会拦截指针事件。禁用它们:

.overlay {
    pointer-events: none;
}

关于html - 全身覆盖,内部 div 可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37498771/

相关文章:

jquery - 如何在单页应用程序 [Bootstrap] 上更改导航栏的事件颜色

html - 在悬停时删除 div 的覆盖

css - 在 React 中切换翻转卡片

html css对齐

javascript - 通过 localStorage 在两个页面之间传递点击事件

php - 无法显示图像路径存储在数据库中的图像

html - 如何让一行图片成为纵横居中的div?

html - 删除较小视口(viewport)上的 CSS 网格值

javascript - 安排图标和布局

html - 我的链接悬停有问题