ie6_HTML/Xhtml_web 페이지 제작 시 배경 이미지 캐싱

IE6에서 깜박이는 CSS 배경 이미지 버그(IE6에서 배경 이미지 캐싱 문제)

IE6의 배경 이미지는 사용될 때마다(비로컬) 요청을 다시 보냅니다. 호버 효과가 있어도 동일한 배경 이미지가 다른 위치에만 있으므로 IE6은 요청을 다시 보냅니다. 해결해야 할 문제:
IE의 경우 filter:expression은 매우 강력하고 많은 기능을 구현할 수 있습니다. 그러나 효율성을 생명으로 생각하는 프로그래머에게는 효율성이 그다지 만족스럽지 않기 때문에 CSS 방법을 사용하는 사람들도 있습니다. IE6에서 배경 이미지 캐싱을 달성하기 위해 노력하고 있지만 이런 사람들은 Microsoft의 성능에 감탄할 뿐입니다.

코드 복사

코드는 다음과 같습니다.

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} 물론 단점은 로딩 속도가 느려질 수 있다는 것입니다. 전체 페이지의 속도

대부분의 사람들은 js 메소드를 구현하도록 선택합니다:

코드 복사

코드는 다음과 같습니다.

단점: Firefox 등의 브라우저에서 실행하면 오류가 발생합니다.

그래서 IE 브라우저인지 판단해야 합니다. jQuery에서 제공하는 판단 방법은 다음과 같습니다.

코드를 복사하세요

코드는 다음과 같습니다:

더 간단한 방법은 IE의 조건부 주석을 사용하는 것입니다:

코드 복사

코드는 다음과 같습니다.