CSS 해킹을 사용하여 Internet Explorer 11에 맞게 요소의 스타일을 지정하는 방법은 무엇입니까?-CSS 튜토리얼-php.cn

CSS 해킹을 사용하여 Internet Explorer 11에 맞게 요소의 스타일을 지정하는 방법은 무엇입니까?

Barbara Streisand

풀어 주다： 2024-12-03 19:10:12

원래의

318명이 탐색했습니다.

How to Style Elements Specifically for Internet Explorer 11 Using CSS Hacks?

CSS 해킹으로 Internet Explorer 11을 타겟팅하는 방법

CSS 해킹을 사용하여 Internet Explorer 11과 같은 특정 브라우저를 타겟팅할 수 있습니다. 다음은 IE 11용 CSS 해킹을 작성하는 데 도움이 되는 가이드입니다.

특히 IE 11을 대상으로 하려면 Microsoft 관련 CSS 규칙 조합을 활용할 수 있습니다. HTML에 다음 메타 태그를 추가하세요.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

로그인 후 복사

CSS에서 @media all 및 (-ms-high-contrast: none) 규칙을 사용하여 IE 10을 타겟팅합니다. 이 규칙 내에서 .foo 클래스를 사용하여 요소에 대한 스타일을 지정할 수 있습니다.

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

로그인 후 복사

IE11만 대상으로 하려면 *::-ms-backdrop을 사용하세요. 의사 요소.

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

로그인 후 복사

이 기술은 선택기(이 경우 *::-ms-backdrop)를 구문 분석할 수 없는 사용자 에이전트가 선택기와 다음 선언 블록을 무시하기 때문에 작동합니다. 결과적으로 IE11 관련 규칙 내의 스타일은 IE11에만 적용됩니다.

다음은 예제 코드 조각입니다.



  
    IE10/11 Media Query Test
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
  
  
    Hi There!!!

로그인 후 복사

이러한 CSS 해킹을 사용하면 요소의 스타일을 효과적으로 지정할 수 있습니다. 특히 Internet Explorer 11용입니다.

위 내용은 CSS 해킹을 사용하여 Internet Explorer 11에 맞게 요소의 스타일을 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!