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

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

Barbara Streisand

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

원래의

343명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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