안녕하세요,
최근 Chrome와 모바일에서 흐림 효과 관련 문제가 발생하기 시작했습니다.
예를 들어 모바일에서는 배경과 상단 바가 흐려지지 않습니다. 하지만 임의의 드롭다운 메뉴는 흐려집니다.
일부 데스크톱 브라우저에서도 마찬가지입니다. Chrome에서는 사용자 메뉴와 드롭다운 사이드바가 흐려집니다. 하지만 나머지는 흐려지지 않습니다.
여기서 모든 기기에 대해 배경을 설정했는데, 앞서 말했듯이 모바일에서는 작동하지 않습니다.
메뉴 패널은 여기서 처리됩니다:
스크린샷에서 볼 수 있듯이 모바일에서는 일부 요소에서만 작동하고, 데스크톱에서는 크로미움 계열 브라우저에서만 그 한 가지 항목에 대해 흐림 효과가 적용되지 않으며, Firefox에서는 문제가 없기 때문에 제가 정확히 무엇을 잘못했는지 확신이 서지 않습니다.
업데이트: 헤더에 흐림 효과를 적용하는 것이 이 문제를 일으키는 것 같지만, 역시 크로미움 계열 브라우저에서만 발생합니다.
업데이트 2: 배경에 webkit 프리픽스를 추가하는 것을 잊었었습니다. 이것이 원인이 될 수 있을까요?