Отправить заявку

Хаки для IE10 и IE11

Компания Microsoft заявила, что IE10 (а также будущие версии) более не поддерживают условные комментарии. С их стороны это очень рискованный шаг. На протяжении многих лет веб-разработчики использовали условные комментарии, хаки и комбинацию данных способов для отделения браузеров IE от всех остальных. Без условных комментариев в IE10 невозможно решить многие проблемы CSS с которыми сталкиваются веб-разработчики в своих проектах, но способы все-таки есть.

Хак @media Zero Hack

@media screen and (min-width:0\0) {  
    /* стили только для IE9 - IE10 */ 
}

Хак @media -ms-high-contrast

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* стили только для IE10 */ 
} 

Хак @cc_on

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

После применения данного хака в IE10 к тегу будет добавлен класс ie10. Теперь достаточно написать в CSS:

.ie10 .element {  
   /* стили только для IE10 */ 
}
Другие публикации