Computer/community

익스플로러 11 background image blur 버그

알찬돌삐 2014. 8. 1. 12:05

완성된 홈페이지를 서버에 올리고 테스트하던 도중,

익스플로러 11 사용자에게서 이미지가 흐릿하게 보인다는 제보가 들어왔네요.


확인해보니 익스10까지, 크롬, 파이어폭스 다 정상인데, 유독 익스 11 에서만 이미지가 흐릿하게 보입니다.

전체 화면으로 보면 괜찮은데 브라우저 크기가 특정 크기일 경우 백그라운드로 설정된 이미지가 흐릿해집니다.

background-size 로 조정해봐도 blur 현상은 나아지지 않음


이리저리 찾아보니. 아래와 같은 문서를 발견

http://connect.microsoft.com/IE/feedback/details/810354/ie11-css-background-image-show-blur


요약하면 아래와 같음.


demo.png 800x600 짜리 이미지를

800 보다 작은 엘리먼트에 백그라운드로 설정하고 이미지 position 을 center 로 두면 설정된 이미지가 흐릿해짐.


마소 홈페이지에 게시된건 2014년 1월인데, 2014년 08월 01일 현재까지 이 증상은 나타남.