CSS로 IE7 및 IE8을 타겟팅하는 방법: 종합 가이드-CSS 튜토리얼-php.cn

CSS로 IE7 및 IE8을 타겟팅하는 방법: 종합 가이드

Linda Hamilton

풀어 주다： 2024-10-29 07:25:02

원래의

881명이 탐색했습니다.

How to Target IE7 and IE8 with CSS: A Comprehensive Guide

CSS로 IE7 및 IE8 타겟팅: 종합 가이드

W3C 규정을 준수하면서 IE7 및 IE8에 대한 타겟 스타일을 달성하려면 명시적인 브라우저별 클래스를 사용하는 것이 효과적입니다. 방법. 이렇게 하면 신뢰할 수 없는 CSS 해킹이 필요하지 않습니다.

접근 방법 1: 브라우저별 HTML 클래스

브라우저 기반 요소:

<code class="html"><!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>

로그인 후 복사

이를 통해 CSS에서 특정 브라우저를 타겟팅할 수 있습니다.

<code class="css">.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}</code>

로그인 후 복사

접근 방법 2: CSS 해킹

또는 다음을 수행할 수 있습니다. IE 버전을 대상으로 하려면 CSS 해킹을 사용하세요.

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

예:

<code class="css">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 */
}</code>

로그인 후 복사

IE10 타겟팅

IE10은 조건문을 인식하지 않습니다. 이를 타겟팅하려면 다음 스크립트를 사용하세요.

<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><![if lt IE 9]><![endif]-->
<head></head>
<body></body>
</html></code>

로그인 후 복사

위 내용은 CSS로 IE7 및 IE8을 타겟팅하는 방법: 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!