"민주주의를 외치다 잡혀간 제자들이 아직도 감옥에 있는데 스승이라는 자가 어떻게 그 정부의 관직에 몸담을 수 있는가" – 김준엽 전 고려대 총장

2022/08/15

-webkit-backdrop-filter가 적용이 안 될 때

전에 만들어 놨던 이미지 뷰어가 php 기반에다 get query로 각 페이지를 띄우다 보니 조금만 사용을 해도 브라우저 방문 기록이 온통 이미지 뷰어 뷰어 뷰어 이러고 있어서, 파일 목록 처리하는 부분만 php로 하고 나머지는 전부 javascript로 처리해서 현재 화면에서 이미지만 동적으로 전환되게끔 새로 만들어 css 적용해서 레이아웃 만들고 있었는데요.

윈도우 크롬에서는 문제가 없는데, 특정 div가 iOS에서 배경 흐릿 처리가 적용이 안 돼서 어? 뭐지 하고 보는데 아무리 봐도 당최 다른 얘들하고 특별히 다른 것도 없고 뭐가 문제인지 몇 시간 동안 엄청나게 헤매다가 허무하게도 div만 있고 내용이 없으면 (javascript로 페이지 로딩이 완료되면 넣음) 최적화 때문인지 어떤지 배경 처리를 안 하게 되어있어서 그랬네요.

이유는 단순한데 원인을 몰라서 한참 헤매다가 겨우 알아서 나중에 또 잊어먹고 어브버할까봐 적어둡니다.


참고로 레이아웃은 이렇게 생겼습니다. 이전 뷰어는 그냥 아이콘 버튼에 제목만 대충 있었는데, 새로 만드는 김에 좀 이쁘게 해보자 하고 뭐가 좋을까 하다가 제가 디비전을 좋아해서 인게임 UI 비슷하게 해보고 있습니다.

댓글 남기기 | cat > 타닥타닥 | tag >

댓글 남기기

* 표시된 곳은 반드시 입력해주세요