CSS 해킹으로 Internet Explorer 11을 구체적으로 타겟팅하려면 어떻게 해야 합니까?

CSS 해킹을 사용하여 IE 11을 구체적으로 타겟팅하는 방법

CSS로 Internet Explorer 11을 구체적으로 타겟팅하는 것은 Microsoft 관련 규칙. 이러한 규칙을 활용하면 다른 브라우저를 무시하고 IE 11에만 스타일을 적용하는 핵을 생성할 수 있습니다.

한 가지 접근 방식은 @media all 및 (-ms-high-contrast: none) 규칙을 사용하는 것입니다. 이 규칙은 고대비 모드가 비활성화된 모든 브라우저를 대상으로 합니다. 이는 Microsoft 전용 기능이므로 IE 10 및 IE 11에만 일치합니다.

이 미디어 쿼리 내에서 *::-ms-backdrop 선택기를 사용하여 IE 11에만 스타일을 적용할 수 있습니다. 이 선택기는 IE 11의 특정 포커스 상태에 의해 생성된 배경화면 요소를 대상으로 합니다.

예를 들어 다음 CSS 코드를 사용하여 IE 11을 대상으로 하고 "foo" 클래스가 있는 요소의 색상을 변경할 수 있습니다. :

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

이 접근 방식은 *::-ms-backdrop과 같은 잘못된 CSS 선택기를 사용하면 IE 11이 전체를 무시하기 때문에 작동합니다. 선택기 블록. 이 유효하지 않은 선택기와 유효한 선택기를 결합하면 다른 브라우저에 영향을 주지 않고 IE 11을 효과적으로 타겟팅할 수 있습니다.

위 내용은 CSS 해킹으로 Internet Explorer 11을 구체적으로 타겟팅하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!