해킹을 사용하지 않고 유효한 CSS로 IE7 및 IE8을 타겟팅하려면 어떻게 해야 합니까?-CSS 튜토리얼-php.cn

해킹을 사용하지 않고 유효한 CSS로 IE7 및 IE8을 타겟팅하려면 어떻게 해야 합니까?

Barbara Streisand

풀어 주다： 2024-10-30 09:04:02

원래의

433명이 탐색했습니다.

How can I target IE7 and IE8 with valid CSS without using hacks?

유효한 CSS로 IE7 및 IE8 타겟팅

소개:

이전 버전용 디자인 CSS 지원의 불일치로 인해 Internet Explorer가 어려울 수 있습니다. 이 문서에서는 W3C 표준을 준수하면서 IE7 및 IE8을 구체적으로 타겟팅하는 방법을 살펴봅니다.

핵 없이 명시적 타겟팅:

CSS 핵을 사용하지 않고 IE 버전을 명시적으로 타겟팅하려면, 브라우저 고유 클래스를 요소. 그런 다음 클래스를 CSS 선택기에 사용할 수 있습니다.

<html lang="en" class="ie7"> <!-- IE7 -->

로그인 후 복사

CSS에서 클래스를 사용하여 대상 브라우저의 스타일을 지정합니다.

.ie7 body { 
    border: 1px solid blue; 
}

로그인 후 복사

CSS 해킹으로 대상 지정:

또는 CSS 해킹을 사용하여 브라우저별 스타일을 지정할 수 있습니다.

"9": IE8 이하를 대상으로 합니다
"*": IE7 이하 대상
"_": IE6 대상

예:

body { 
    border: 1px solid red; /* standard */
    border: 1px solid blue; /* IE8 and below */
    *border: 1px solid orange; /* IE7 and below */
    _border: 1px solid blue; /* IE6 */
}

로그인 후 복사

IE10 타겟팅:

조건문을 인식하지 못하는 IE10을 타겟팅하려면 다음 스크립트를 사용하세요.

<script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script>

로그인 후 복사

섹션에 "ie10" 클래스를 요소:

<html lang="en" class="ie10"> <!-- IE10 -->

로그인 후 복사

위 내용은 해킹을 사용하지 않고 유효한 CSS로 IE7 및 IE8을 타겟팅하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!