CSS 해킹을 사용하여 Internet Explorer 11만 대상으로 지정하고 스타일을 지정하려면 어떻게 해야 합니까?-CSS 튜토리얼-php.cn

CSS 해킹을 사용하여 Internet Explorer 11만 대상으로 지정하고 스타일을 지정하려면 어떻게 해야 합니까?

Patricia Arquette

풀어 주다： 2024-12-04 18:55:16

원래의

285명이 탐색했습니다.

How Can I Use CSS Hacks to Target and Style Only Internet Explorer 11?

IE 11용 CSS 해킹

IE 11에서 직면한 렌더링 문제를 해결하려면 이 브라우저에서만 구문 분석할 수 있는 CSS 필터를 활용해야 합니다. .

Microsoft 전용 CSS 규칙

Microsoft 전용 CSS 규칙 조합을 사용하여 IE11을 대상으로 합니다.

@media all and (-ms-high-contrast:none)
{
    /* IE10 styles */
    .foo { color: green }
    
    /* IE11 styles */
    *::-ms-backdrop, .foo { color: red }
}

로그인 후 복사

주요 원칙

이러한 필터는 다음과 같은 이유로 작동합니다. :

사용자 에이전트(브라우저)가 선택기를 이해할 수 없는 경우 (유효한 CSS 2.1이 아니기 때문에) 선택기와 후속 선언 블록을 모두 무시해야 합니다.

예

다음 HTML 및 CSS 코드를 고려하세요. :

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            @media all and (-ms-high-contrast:none)
            {
                .foo { color: green } /* IE10 */
                *::-ms-backdrop, .foo { color: red } /* IE11 */
            }
        </style>
    </head>
    <body>
        <div class="foo">Hi There!!!</div>
    </body>
</html>

로그인 후 복사

IE11에서 *::-ms-backdrop 선택기는 인식되고 "Hi There!!!"라는 텍스트가 표시됩니다. 빨간색으로 표시됩니다. IE가 아닌 브라우저에서는 이러한 규칙을 무시합니다.

위 내용은 CSS 해킹을 사용하여 Internet Explorer 11만 대상으로 지정하고 스타일을 지정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!