Background Image의 깜빡거리는 현상 없애기 - Internet Explorer 6 서비스팩1

2008/01/07 17:40
대표적으로 어떤 엘리먼트를 오버시에 특정 backgroundImage가 나타나는 경우

IE6에서는 그 이미지 파일을 다시 읽어서 불러들이기 때문에 그 약간의 시간적 차이, 틈으로 인해

깜빡거리는 현상이 나타납니다.

깜빡거리는 현상을 해결해주는 스크립트 입니다.

이스크립트는 MSDN에서 메모리낭비를 막는 용도로 추천하는 내용입니다.

꼭 깜빡거리는 현상때문에 사용하는것이 아니더라도 불필요한 메모리 낭비를 도와줍니다.

이 스크립트는 IE6 서비스팩1이상에서 사용가능합니다.

서비스팩1 이상에서 설치되는 파일을 사용하여 해당 hotfix를 활성화 시키는 방식으로

backgrundImage를 cache하게 만들어 깜빡거리는 현상을 없애줍니다.

IE6에만 적용되는 스크립트 이므로 IE6에서만 작동하게끔 스크립트가 작성되어있습니다.

브라우저구분은 navigator.userAgent 가 아닌 Object Dom Detection Method를 통하여

IE6에만 적용합니다.

<script type="text/javascript">
(function(){
    /*Use Object Detection to detect IE6*/
    var m = document.uniqueID /*IE*/
    && document.compatMode /*>=IE6*/
    && !window.XMLHttpRequest /*<=IE6*/
    && document.execCommand ;

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



관련내용 :
IE MSDN - Available memory decreases when you view a Web page in Internet Explorer 6 Service Pack 1
해외포스팅
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
블로그코리아에 블UP하기

여러 버전의 IE(Internet Explorer) 설치하기

2007/12/17 22:08
좀 오래된 자료인데 혹시나 이런 자료 필요하신분 있을까 해서 포스팅 합니다.

여러버전의 IE 설치하기 관련된 해외 포스팅입니다.

간단히 프로그램 다운받으셔서 설치만 하시면 됩니다.

IE6이하 여러버전의 IE 설치하기
IE7과 IE6 사용하기

사용자 삽입 이미지

여러브라우저를 켰을때 모습

사용자 삽입 이미지
간단한 설치 방법


사용자 삽입 이미지

설치 후 모습



제가 어딘가에서 듣기론 정상적으로 설치한 IE브라우저와 standalone 방식으로 설치한 브라우저와

약간의 렌더링의 차이가 있다고 한 것도 같은데 해당 포스팅의 리플에서도 그러한 내용이 중심적으로

언급된것 같지 않아서 정확히는 잘 모르겠네요.

혹시 확실히 검증된 렌더링 차이점 알고 계시면 트랙백 쏴주시면 감사하겠습니다.


참고로 저는 Windows가 설치된 메인컴퓨터로 IE6, FF, safari, opera를 테스트하고

서브컴퓨터로 IE7을 테스트 하고 있습니다.


적어도 이 프로그램을 다운받으시려고 하시는 분은 크로스브라우징을 고려하시는 분이라고

간주해도 될까요? 그렇다면 파이어폭스도 크로스브라우징 부탁드려도 될까요?


얼마전 한국모질라커뮤니티연말모임에서

윤석찬님께서 아직 국내 파이어폭스 사용자가 1%미만이고 내년목표가 2%로 사용자를 늘리는 것이라고 말씀하셨다고 하네요.


확실히 국내시장에서는 파이어폭스 사용자의 비율이 너무나도 저조하다는 사실은 잘 알고 있습니다.

아직 국내에서 일반사용자에게 자동업데이트로 제공하지 않는 IE7의 비율이 점점 IE6의 비율을 쫓아 가는 상황에서도 말이죠.

사실 크로스 브라우징을 고려한다는 것이 브라우저별 특성을 잘 알고 있지 않는한

멋지고 화려한 레이아웃으로 웹페이지를 만든다는 것이 골치아프다는 것은 저 역시 잘 알고 있습니다.

하지만 자신의 홈페이지를 정말 명품으로 만들고 싶다면

자신의 웹사이트의 정보를 100년, 1000년을 넘게 가면서 여러사람에게 두루두루 유용하게 쓰이는

그런 명품정보로 만들고 싶다면 꼭 크로스브라우징을 고려해주세요.(물론 크로스브라우징을 포함하는 더 넓은 개념의 웹표준을 준수하는 웹사이트 제작이 중요합니다.)


저는 웹퍼블리싱 작업시에 IE6, IE7, FF, safari3(WIN), opera9 을 모두 테스트 합니다.

정상적인방법으로 CSS 작성을 했다고 가정했을때

FF로 먼저 레이아웃을 맞추고 IE6에 맞게 수정을 해주시면 IE7에도 별다른 이상이 없는한 잘 나오고

사파리와 오페라 역시 큰 수정없이 정상적으로 보입니다.




크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.
블로그코리아에 블UP하기

최근 트랙백