작업 일지/HTML CSS

IE 조건문 CSS (특정버전 이하의 브라우저일경우 적용)

AI랑노는 또또 2023. 7. 5. 10:02

2023년도 IE는 배제하고 작업을 하는 경우가 대부분 이겠지만.

아직까지 IE적용도 요청하는 곳도 있어서 정리해 봅니다.

 

<!--[if lte IE 8]>

<link href="ie.css" rel="stylesheet">

<!--[if lte IE 8]>

 

익스플로러에서만 다른 브라우저가 무시하는 조건문을 해석한다.

기존 css링크 아래에 적어준다.

바로 하위호환성에 따른 조건문인데 상세내용은

 

<!--[if lte IE 8]> <-- 익스플로러 8이하의 모든버전일경우 아래내용을 실행

<link href="ie.css" rel="stylesheet"> ie.css라는 파일을 링크한다

<!--[if lte IE 8]> <--조건문 종료

 

조건은

lt IE <버전> - 지정한 버전보다 낮은버전

lte IE <버전> - 지정한 버전이하의 낮은버전

IE <버전> - 지정한 버전

gte IE <버전> - 지정한 버전 이상의 버전

gt IE <버전> - 지정한 버전보다 높은 버전

 

ex)

....

....

<link herf="../css/ie9.css" type="text/css" media="all" rel="stylesheet">

<!--[if lte IE 8]>

<link href="ie8.css" rel="stylesheet">

<!--[if lte IE 8]>

....

....

 

--->익스플로러 8이하의 경우 ie8.css파일을 적용한다