이미지 컨트롤 할때 ie6에서 이미지를 부르지 못하는 현상에 관한 패치 on redgoose note

이미지 컨트롤 할때 ie6에서 이미지를 부르지 못하는 현상에 관한 패치

Nest: Development Category: Javascript 2013-03-16

Internet Explorer6 (이하 IE6 )이하 버전에서 마우스 오버혹은 클릭 이벤트로 이미지를 바꾼다거나 백그라운드 포지션변경을 변경할 때 이미 로드된 이미지를 출력하지 않고 이벤트가 발생할때 마다 서버측에 이미지를 요청을 계속해서 사용자는 이미지가 깜빡 거리는 것처럼 보이게 된다.

이보다 심각한 문제는 불필요하게 서버에 요청을 하게 되어 웹서버에 부하도 걸리게 되고 웹페이지의 성능도 떨어지게 된다.

사용자가 간단히 브라우져옵션을 바꿔서 해결가능하기도 하지만(IE설정 - 도구 - 인터넷 옵션 - (임시 인터넷 파일) 설정 에서 '자동으로' 선택 [페이지를 열때마다로 설정하면 증상 나타남])
CSS 나 Javascript 로 이런 문제를 방지 할수도 있다.

CSS

html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}

Javascript(추천)

try {
  document.execCommand("BackgroundImageCache",false,true);
} catch(e) {}