Pourquoi le filtre d'arrière-plan ne fonctionne-t-il pas dans le module CSS React ?

Question

Qu'est-ce que je fais de mal ici ? Pourquoi le CSS n'est-il pas appliqué au div et le rend-il flou ? Quelqu'un peut-il m'aider à rendre ma barre de navigation floue ?

Je veux que ma barre de navigation soit floue

Answer 1

Très probablement parce que vous ajoutez du flou au conteneur plutôt qu'à l'élément qui le précède. Découvrez cette codesandbox où le h1 flou est appliqué : https://codesandbox.io/s/purple-microservice-gcvbm1?file=/src/App.js:87-96

Lorsque vous ferez cours à partir de div 中删除 container, vous remarquerez que le flou n'est pas visible.

Pour être plus clair : un filtre d'arrière-plan s'applique à tout ce qui se trouve derrière l'élément auquel il est appliqué.