if IE 사용 방법
<!--[if !IE]> <![endif]--> |
ie브라우저가 아닐 경우 |
<!--[if IE]> <![endif]--> |
ie브라우저일 경우 |
<!--[if IE 8]> <![endif]--> |
ie8 브라우저 |
<!--[if IE 7]> <![endif]--> |
ie7 브라우저 |
<!--[if IE 6]> <![endif]--> |
ie6 브라우저 |
<!--[if lt IE 8]> <![endif]--> |
ie8미만 브라우저 |
<!--[if lte IE 8]> <![endif]--> |
ie8이하 브라우저 (e가 있으면 포함) |
<!--[if gt IE 8]> <![endif]--> |
ie8초과 브라우저 |
<!--[if gte IE 8]> <![endif]--> |
ie8이상 브라우저 (e가 있으면 포함) |
[if (gt ie 6)&(lt ie 9)] |
ie 6 이후버전이고 ie 9 이전버전 이라면 |
[if (ie 6)|(ie 8)] | ie 6 이거나 ie 8 이라면 |
[If !(ie 8)] | ie 8 이 아니라면 |
IE 전용 조건주석문의 두가지 사용법
<!--[if gt IE 8]><!-->
<link rel="stylesheet" type="text/css" href="/common/css/style.css">
<!--<![endif]-->
<!--[If IE 6]>
<link rel="stylesheet" type="text/css" href="/common/css/store-locator.css">
<![endif]-->
<!-- // ie전용 조건 주석문에는 !가 있지만 없다면 다른 브라우저까지 포함을 의미 -->
<!--[if gt IE 8]>-->
<link rel="stylesheet" type="text/css" href="/common/next/css/pages/store-locator.css">
<!--<![endif]-->
if gt ie 8 or not ie (ie 9이상이고 ie가 아닌 브라우저들 표현 방법) <!--[if !ie]>--> 해당 클래스를 버전별로 사용하기
|
<!--[if IE 7]><![endif]-->
<!--[if IE 8]><![endif]-->
<!--[if IE 9]><![endif]-->
<!--[if gt IE 9]><!--><!--<![endif]-->
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="ko-KR" class="no-js"> <!--<![endif]-->
'StyleSheet > CSS' 카테고리의 다른 글
| View Port (뷰포트 설정) (0) | 2016.09.29 |
|---|---|
| Skip Navigation 및 Dimmed style guide (1) | 2016.09.29 |
| CSS Dimension & 박스 모델, display vs visibility (0) | 2016.09.17 |
| Cascading Style Sheet (0) | 2016.09.16 |
| CSS Selector (0) | 2016.09.06 |
