검색 페이지의 배경 이미지로 사용하고 있는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다.

배경 이미지: url("whatever.jpg");

CSS 3 흐림 필터를 배경에만 적용하고 싶지만 해당 요소에만 스타일을 지정하는 방법을 모르겠습니다. 시도하면:

-webkit-filter: Blur(5px); -moz-filter: 흐림(5px); -o-filter: 흐림(5px); -ms-필터: 흐림(5px); 필터: 흐림(5px);

위 코드를 내 CSS의 배경 이미지에 넣으면 배경뿐만 아니라 전체 페이지의 스타일이 지정됩니다. 이미지만 선택하고 해당 이미지에 필터를 적용하는 방법이 있나요? 또는 페이지의 다른 요소에 대한 흐림 효과를 끄는 방법이 있습니까?