ie조건부 주석처리::익스플로러 버전별로 코딩따로하기 (크로스 브라우징)

크로스 브라우징의 가장 애물단지가 익스 하위 버전이 아닐까?

그나마 요즘에는 7,8은 거의 포기하지만 7,8까지 맞출 때는 정말 스트레스받는다.

보통 웬만한 브라우저들은 다 맞는다. 그러나 익스 하위버전들이 문제임

만약 다 맞췄는데 익스 하위 버전만 문제라면 이거 맞추다가는 다른 브라우저들이 안맞는다.

이럴때 사용할 수 있는게 ie조건부 주석처리!!

<!--[IF IE 8]>
    <script type="text/javascript">
        alert("Please Upgrade Your BROWSER !");
    </script>
<![endif]-->

위 사이트에서 스크립트를 다운받는다.

ie-checker.js 파일을 js 폴더에 넣고

<!-- script -->
<script src="js/ie-checker.js"></script>

헤더에 연결시켜준다.

익스 탐색기에서 확인해보면

html에 자동으로 클래스가 붙은걸 확인할수 있다.

ie버전별로 ie8, lt-ie11등의 클래스가 부터있다.

그래서 수정해주고 싶은버전의 클래스만 앞으로 빼서 수정해주면된다.