투명한 div를 사용하여 페이지 배경 흐림 효과를 얻는 방법

Question

웹페이지용 코드가 있는데 투명한 div를 통해 배경을 흐리게 하고 싶습니다. 실제로 div를 반투명하게 만들고 싶습니다.

div에 흐림 필터 CSS를 추가해 보았으나 결과적으로 div 내부의 텍스트도 흐려져 원하는 결과가 나오지 않았습니다.

으아아아

Answer 1

CSS를 사용하여 다음을 시도해 보세요 backdrop-filter: blur属性，并更改background-color的opacity:

으아아아