React 모듈 CSS에서 배경 필터가 작동하지 않는 이유는 무엇입니까?

Question

내가 여기서 뭘 잘못하고 있는 걸까요? CSS가 div에 적용되지 않고 흐려지는 이유는 무엇입니까? 내 탐색 모음을 흐리게 만드는 데 도움을 줄 수 있습니까?

내 네비게이션 바가 흐릿해지길 원해요

Answer 1

아마도 컨테이너 앞에 있는 요소가 아닌 컨테이너에 흐림 효과를 추가하고 있기 때문일 것입니다. h1 흐림이 적용된 코드샌드박스를 확인하세요: https://codesandbox.io/s/purple-microservice-gcvbm1?file=/src/App.js:87-96

div 中删除 container에서 수업을 하면 블러가 보이지 않는 것을 알 수 있습니다.

더 명확하게 말하면 배경 필터는 적용되는 요소 뒤에 있는 모든 항목에 적용됩니다.