javascript - 如何模糊网页背景并使其在某些区域不可交互?

标签 javascript reactjs

我基本上是在尝试实现一个模糊背景并使用户无法触摸背景中的按钮和其他组件的弹出窗口。

最佳答案

您可以使用 css 禁用整个 div。

#div-id{
  pointer-events: none;
}

这将禁用 div 内的所有元素。 如果你想要模糊效果,你可以将 opacity: 0.2; 添加到 div css。

关于javascript - 如何模糊网页背景并使其在某些区域不可交互?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69294834/

相关文章:

javascript - 如何在使用 react js 构建的网站中更改 Title 和 Description

javascript - 如何根据两个不同的输入动态设置链接的路径?

javascript - 使用 onclick 命令隐藏 DIV 元素

javascript - 调用 $ ("#form").submit(... 没有执行任何操作

reactjs - 我可以在前端使用JSDom来解析html吗

javascript - 如何将具有通用 Prop 的 React 类组件转换为 Typescript 中的函数组件?

javascript - 运行 react 应用程序时出现 Chokidar UNKNOWN 错误

javascript - 如何使用react-router-dom直接链接来渲染填充了 Prop 的通用帖子组件?

javascript - 检查用户是否离开页面 js

JavaScript 缓慢且不干燥