인터넷 익스플로러 X 버전 이하에서만 적용할 수 있는 CSS파일 첨부

 

 

인터넷 익스플러러

 

 

아오..... 애증의 인터넷 익스플로러 ㅜㅠ

조건부로 익스플로러 버전용 CSS파일 첨부를 할 수 있습니다.

 

<!--[if lt IE 9]>   <link rel="stylesheet" type="text/css" href="css/ie8.css" /> <![endif]--> <div class="explain-container ie--explain-container">

 

익스플로러 X 버전 이하에서만 적용할 수 있는 CSS파일을 첨부할 수 있습니다. 

첨부해주시면 css폴더내의 ie8.css 라는 파일은

인터넷 익스플로러 9 미만에서만 적용됩니다.

저걸 [if lt IE 10] 이렇게 바꾸면 익스플로러 10 미만에서만 적용됨

 

이렇게 첨부하신 후 ie8.css에 여러분이 수정하고 싶은 코드를 담고

head태그 내에 다른 CSS 파일들과 함께 첨부해주시면 됩니다.

 

참고로 ie8.css 파일은 다른 브라우저에선 전혀 읽혀지지 않습니다.

link 태그 첨부 순서는 가장 마지막이 좋음

 

그리고 클래스 명을 ie--explain-container 라고 해주면 좋음