IE(Internet Explorer)의 호환성 문제 해결

CSS 2 에 속하는 가상 클래스 선택자를 IE 6에서 지원하지 않는다.

CSS 3 에 속하는 가상 클래스 선택자는 IE 6~8 에서 지원하지 않는다.

CSS: 선택자(Selector) 이해

http://www.nextree.co.kr/p8468/

이런 issue를 해결하기 위해 다음 글을 참조.

As IE6 doesn't understand attribute selectors, you can combine a script only seen by IE6 (with conditional comments) and jQuery or IE7.js by Dean Edwards.

IE7(.js) is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.

[출처] http://stackoverflow.com/questions/1120879/css-checkbox-input-styling

ie7-js 프로젝트 홈페이지

https://code.google.com/p/ie7-js/

나는 IE(Internet Explorer)의 호환성 문제를 해결하기 위해 다음과 같이 사용 중이다.

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!--[if lt IE 9]>
	<script src="https://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

<!-- IE9 에서는 image의 load 이벤트 핸들러가 제대로 불리지 않아서 다음 js를 추가함. -->
<script src="https://github.com/desandro/imagesloaded/blob/master/imagesloaded.pkgd.min.js"></script>

imagesLoaded 라이브러리에 대한 설명은 여기를 참조.

http://bryan7.tistory.com/321