[기타버그] IE6에서 배경이미지가 깜빡거리는 flicker 버그 수정방법

http://blog.naver.com/snazzy79/70033394906  에 청명공자님이 써두신 글을

XE 에 맞게 수정하여 sejin7940 이 작성한 팁입니다.

============================================================================

IE6 Background Flicker 버그 수정

메뉴 게비게이션부분이 hover작동시 번쩍거리는 현상이 IE6에서 발생하게 되는데
특히 IE6에서 도구->인터넷옵션->임시인터넷파일설정->저장된페이지의새버전확인->페이지를 열때마다
를 선택한 경우이면 확실한 번쩍거림을 볼 수 있다
그렇게 번쩍거리는 것은 서버로 이미지 요청을 계속 하게되서 보이는 효과로
세로형 네비게이션 등에 배경css를 사용한 경우 2차 메뉴 이동시마다 배경이미지가 번쩍이는 문제가 발생하는데다가
결국엔 서버에도 부담을 주게 되고 사용자 환경도 느리게 할 수 있다.

이를 해결할 방법은
1) Apache 설정 변경에 의한 방법
2) CSS의 프로퍼티에 따라 생기는 현상이기에 이 부분에 해당되지 않도록 하는 방법
3) javascript 를 이용하는 방법

이렇게 세가지가 있는데..
현실적으로는 3)번  방법이 가장 용이하다.
사실, 이는 flicker 현상을 위한 코드가 아닌데 부수적으로 flicker효과를 없애는 역할까지 한다

아래 코드를 레이아웃 페이지 최상단에 배치하면 된다. 

layout.html 파일을 열어서, 최상단에.. 기재

<script type="text/javascript">
(function(){
var m = document.uniqueID
&& document.compatMode
&& !window.XMLHttpRequest
&& document.execCommand;

try{
if(!!m){
m("BackgroundImageCache",false,true)
}
}catch(oh){};
})();
</script>