Warum funktioniert der Hintergrundfilter im CSS des React-Moduls nicht?

Question

Was mache ich hier falsch? Warum wird das CSS nicht auf das Div angewendet und macht es unscharf? Kann mir jemand helfen, meine Navigationsleiste unscharf zu machen?

Ich möchte, dass meine Navigationsleiste verschwommen ist

Answer 1

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

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

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