CSS 해킹의 분류와 CSS 해킹의 세 가지 방법에 대한 자세한 설명-CSS 튜토리얼-php.cn

CSS 해킹의 분류와 CSS 해킹의 세 가지 방법에 대한 자세한 설명

零下一度

풀어 주다： 2017-05-04 17:36:24

원래의

3041명이 탐색했습니다.

여기에서 전문을 인용했습니다. 훌륭한 기사입니다

무엇
다른 제조업체의 브라우저나 특정 브라우저의 다른 버전으로 인해( IE6~IE11, Firefox/Safari/Opera/Chrome 등)에서는 CSS 지원 및 구문 분석이 다릅니다. 이때 통합된 페이지 효과를 얻으려면 다양한 브라우저 또는 버전에 맞는 특정 CSS 스타일을 작성해야 합니다. 이러한 다양한 브라우저/다른 버전에 해당하는 CSS 코드를 작성하는 과정을 CSS 해킹이라고 합니다.
어떻게
다른 브라우저와 버전에 따라 CSS를 지원하고 파싱하는지, 그리고 css 우선순위브라우저 디스플레이에 미치는 영향 효과를 사용하면 다양한 브라우저 시나리오에 따라 다양한 CSS를 적용할 수 있습니다.
css 해킹 분류
에는 CSS 속성 접두사 방식, 선택자 접두사 방식, IE 조건부 주석 방식의 세 가지 표현 방식이 있습니다. .

속성 접두사 방식(예: 클래스 내부 핵)
선택자 접두사 방식
IE 조건부 주석 방식
css hack은 일반적으로 폭넓은 활용 범위와 강력한 인식 능력을 전면에 내세우는 CSS를 정의합니다.

css hack 방법 1 : 조건부 주석 방식 (IE10 이하에 해당, IE10 이상에서는 더 이상 조건부 주석을 지원하지 않습니다)

gt: 초과, 조건부 버전 이상을 선택하고 조건부 버전을 제외합니다.
lt: 미만, 조건부 버전을 제외하고 조건부 버전 아래 버전을 선택하세요.
gte: 크거나 같음, 조건부 버전을 포함하여 조건부 버전 이상을 선택합니다.
lte: 작거나 같음, 조건부 버전을 포함하여 조건부 버전 아래 버전을 선택하세요.
! : 높음, 낮음 상관없이 조건부 버전을 제외한 모든 버전을 선택합니다.
조건부 주석 속성:

예

   <!--[if IE]>
   <p class="p1">只在IE5、6、7、8、9下显示</p>
   <![endif]-->
   <!--[if ! IE]><!-->
   <p class="p5">非IE</p>
   <!--<![endif]-->

로그인 후 복사

HTML 스크립트의 일반적인 주석 방식, 조건부 주석 방식은 IE10 이하의 IE 브라우저에서만 인식할 수 있으며, 다른 브라우저에서는 닫힌 주석과 효과가 없는 주석 쌍만 볼 수 있습니다. IE가 아닌 댓글의 경우 내부에 종료 댓글 역할을 하는 <!-->가 있다는 점에 유의하세요.

   <!--[if IE 6]>
   <p class="p2">只在IE6下显示</p>    
   <![endif]-->
   <!--[if gte IE 6]>
   <p class="p3">只在IE6以上版本</p>    
   <![endif]-->
   <!--[if ! IE 8]>
   <p class="p4">非IE8的的IE浏览器</p>
   <![endif]-->

로그인 후 복사

css 해킹 방법 2: 클래스 내 속성 접두사 방법
속성 접두사는 CSS 스타일 속성에 일부 속성을 추가하는 것입니다. 특정 브라우저에서만 사용할 수 있는 이름 hack 접두어는 브라우저에서만 인식할 수 있으며 예상한 페이지 표시 효과를 달성했습니다.
다음은 표준 모드에서의 해킹 방법입니다