为什么背景过滤器在 React 模块 CSS 中不起作用？

Question

我在这里做错了什么？为什么 css 没有应用于 div 并使其模糊有人可以帮助使我的导航栏模糊吗？

我想让我的导航栏变得模糊

Answer 1

很可能是因为您要向容器而不是其前面的元素添加模糊。查看此codesandbox，其中 h1 应用了模糊： https://codesandbox.io/s/purple-microservice-gcvbm1?file=/src/App.js:87-96

当您从 div 中删除 container 类时，您会发现模糊不可见。

更清楚地说：背景过滤器适用于其所应用的元素后面的所有内容。