'CSS Sprites' 태그의 글 목록

작은 아이콘 같은 경우 각각의 파일로 존재한다면 매번 해당 파일을 로드 하기 위해서 HTTP접속을 하게 되는데... 이걸 줄이기 위해서 하나의 이미지에 아이콘들을 모아서 1번의 HTTP 요청으로 해당 아이콘들을 모두 로드 할수있다.
사용은 CSS의 background-position 속성을 이용해서 해당 이미지의 위치를 좌표로 잡아주고 해당 이미지의 영역 만큼의 사이즈를 적용하게 되면 된다.
그런데 문제가 있다.
해당 이미지가 정적인 이미지일 경우엔 문제가 없으나 마우스 hover효과를 통해 이미지의 position을 이동하게 될경우 이미지를 다시 요청하는 현상으로 인해 깜빡거리는 현상이 발생한다.
이럴경우 해당 이미지를 캐쉬해뒀다가 다시 사용하다록 하는 방법들이 있는데..
여러 방법들중 가장 효과적이라 생각해서 남겨둔다...

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