Internet Explorer 10은 더 이상 조건부 주석을 읽지 않습니다. 이것은 다른 브라우저와 마찬가지로 조건부 주석을 처리한다는 것을 의미합니다. 일반 HTML 주석과 같이 완전히 무시됩니다. 질문에 주어진 마크 업을 예로 들어 IE10을 포함한 모든 브라우저는 회색으로 강조 표시된 주석 부분을 완전히 무시합니다. HTML5 표준은 조건부 주석 구문을 언급하지 않았으므로 이것이 IE10에서 지원을 중단하기로 선택한 이유입니다.

그러나 주석 및 최신 답변에 표시된대로 JScript의 조건부 컴파일 은 여전히 ​​지원됩니다. 최종 릴리스에서는와 달리jQuery.browser 사라지지 않습니다 . 물론 사용자 에이전트 스니핑은 그 어느 때보 다 취약하기 때문에 어떠한 상황에서도 사용해서는 안된다는 것은 말할 나위도 없습니다.

실제로 IE10을 대상으로해야하는 경우 가까운 시일 내에 계속 지원 될 수있는 조건부 컴파일을 사용하거나 도움이되는 경우 브라우저 감지 대신 (또는 이와 함께) Modernizr 와 같은 기능 감지 라이브러리를 사용하십시오 . 유스 케이스에 서버 측에서 noscript 또는 IE10을 수용하지 않는 한 사용자 에이전트 스니핑은 실행 가능한 옵션보다 골치 아픈 일입니다.

사운드 꽤 복잡하지만 기억 오늘날의 웹 표준에 매우 준수의 현대적인 브라우저와 같은 ^일 이 매우 표준을 준수하는, 당신이되어 상호 운용 코드를 작성했습니다 가정, 안 절대적으로 필요하지 않는 한 IE10 따로 특별한 코드를 설정해야을, 즉, 동작 및 렌더링 측면에서 다른 브라우저와 유사해야합니다. ² IE의 역사를 감안할 때 화려하게 들리지만 Firefox 또는 Chrome이 똑같은 방식으로 실망에 빠지기를 기대 한 횟수는 몇 번입니까?

• Firefox는 box-sizing수년간 접두사를 지원하지 않았습니다
• 파이어 폭스는 역사적으로 이상한 개요 동작 을 보였으며, 수년 동안도 마찬가지였습니다.
• Firefox는 정의되지 않은 동작을 핑계로 인용하면서 표 셀을 배치 할 때 합리적으로 행동하는 것을 거부 하지만 다른 브라우저는 잘 대처하는 것처럼 보입니다.
• 사파리와 크롬이 많은 의 문제 와 특정 CSS의 셀렉터를 수정하여 때로는 정말 IE5, IE6와 IE7의 일 ‘좋은 팔자에 다시 당신을 데려
• 미디어 스타일이 업데이트 될 때 레이아웃을 올바르게 리플 로우하지 않는 등 크롬은 일반적으로 리 페인팅 부서에서 많은 문제가있는 것 같습니다. Chrome 버그의 절반은 IE5 / 6 / 7 수준의 다시 그리기를 강제로 적용하여 간단하고 간단하게 해결할 수 있습니다.
• 웹킷의 몇 가지 균주를 크게하는 것으로 알려져 있습니다 거짓말 그들에게 실제로 의미하는 특정 기능에 대한 지원에 대한 패배의 특징 검출 메커니즘을 모든 것들,

당신이 경우에 할 정당한 이유가있는 모든 수단이 제공 한 다른 도구와 함께 그들을 냄새에 의해, 특정 브라우저를 대상으로한다. 나는 단지 당신이 오늘날의 이유보다 오늘날 그런 이유를 찾기가 훨씬 더 힘들다는 것을 말하고 있으며, 그것은 실제로 당신이 신뢰할 수있는 것이 아닙니다.

¹ _{IE10뿐만 아니라 IE9, 심지어 IE8까지도 Chrome보다 훨씬 더 성숙한 CSS2.1 표준을 훨씬 잘 처리합니다. IE8은 표준 준수에 초점을 맞추기 때문에 (그 당시 CSS2.1은 이미 약간의 차이만으로도 꽤 안정적이었습니다) Chrome은 최첨단 의사 표준에 대한 반 광택 기술 데모에 지나지 않습니다.}

² _{내가 말할 때 나는 편견이 있을지 모르지만, 분명히 그렇게한다. 코드가 IE가 아닌 다른 브라우저에서 작동 하는 경우 IE10이 아닌 자체 코드에서 문제 가 될 가능성은 3 년 전에 이전 버전의 IE와 비교할 때 훨씬 낫습니다. 다시, 나는 편견이있을 수 있지만, 솔직하게 말하자 : 당신도 그렇지 않습니까? 당신의 의견을보십시오.}

답변

if ("onpropertychange" in document && !!window.matchMedia) {
...
}

@media all and (-ms-high-contrast: none) {
...
}

<!--[if !IE]><!--><script>if(/*@cc_on!@*/false){document.documentElement.className='ie10';}</script><!--<![endif]-->

<script>if(Function('/*@cc_on return 10===document.documentMode@*/')()){document.documentElement.className='ie10';}</script>

.ie10 .myclass1 { }