> 웹 프론트엔드 > CSS 튜토리얼 > IE 버전마다 다른 CSS를 사용합니다(CSS 조건부 주석문 사용)_CSS/HTML

IE 버전마다 다른 CSS를 사용합니다(CSS 조건부 주석문 사용)_CSS/HTML

WBOY
풀어 주다: 2016-05-16 12:03:47
원래의
1992명이 탐색했습니다.
1. 조건부 주석 소개
1. IE의 조건부 주석은 IE 버전과 IE가 아닌 버전을 구별하는 능력이 뛰어나며, WEB 디자인에서 흔히 사용되는 해킹 방식입니다.
2. 조건부 주석은 IE5 이상에서만 사용할 수 있습니다.
3. IE가 여러 개 설치된 경우 조건부 설명은 IE 최신 버전을 기준으로 작성됩니다.
4. 조건부 주석의 기본 구조는 HTML 주석()과 동일합니다. 따라서 IE 이외의 브라우저에서는 이를 일반 주석으로 처리하고 완전히 무시합니다.
5. IE는 if 조건을 사용하여 일반 페이지 콘텐츠를 구문 분석하는 것처럼 조건부 주석의 내용을 구문 분석할지 여부를 결정합니다.
2. 조건부 주석 속성
gt: 초과, 조건부 버전 위의 버전 선택, 조건부 버전 제외
lt: 미만, 조건부 버전 아래의 버전 선택, 조건부 버전 제외
gte: 크거나 같음, 조건부 버전 위의 버전 선택, 조건부 버전 포함
lte: 작거나 같음, 조건부 버전 아래의 버전 선택, 조건부 버전 포함
!: 조건부 버전을 제외한 모든 버전을 선택합니다.
1. CSS if hack 조건부 구문
<-[if IE]> ->
모든 WIN 시스템에만 IE가 제공됩니다.

< !--[IE 5.0인 경우]> IE 5.0만
IE5.0은

< ! --[if gt IE 5.0]> IE 5.0+
IE5.0 또는 IE5.5만 인식할 수 있습니다.

< !--[ IE 6인 경우]> IE 6에서만 인식됨-
IE6에서만 인식됩니다

< --[if gte IE 6]> IE 6만 /+
IE6 이하의 IE6 및 IE5.x에서 인식 가능


IE7에서만 인식됨

< IE 7/+ ;
IE7 이하 IE6 및 IE5.x에서 인식 가능


IE8만 인식 가능


IE9만 이를 인식할 수 있습니다

참고: if 뒤에 lt gte를 추가하면 다른 효과가 나타납니다(다른 매개변수에도 동일하게 적용됨)
IE7 이하 버전
version
다음 코드는 IE가 아닌 브라우저에서 실행하기 위한 조건입니다. 참고

Internet Explorer를 사용하고 있지 않습니다


Internet Explorer 버전 6을 사용 중이거나 IE 이외의 브라우저

코드 복사 코드는 다음과 같습니다:




;DIV IF 조건 예

IE7


🎜> ;