Условные комментарии для IE
Условные комментарии более не поддерживаются
Поддержка условных комментариев в стандартном режиме и режиме совместимости Internet Explorer 10 была удалена для улучшения взаимодействия и совместимости с HTML5. Это означает, что условные комментарии теперь обрабатываются как обычные комментарии, так же как в других браузерах. Это изменение может повлиять на страницы, написанные специально для Windows Internet Explorer, или страницы, использующие определитель браузера и подстраивающиеся под Internet Explorer.
Примечание На большинство страниц это изменение не оказывает влияния.
Страница, использующая условные комментарии, работает нормально в Windows Internet Explorer 9, но не работает в Internet Explorer 10.
Если эта страница нормально работает в других браузерах, попробуйте использовать обнаружение возможностей, чтобы взаимодействовать с Internet Explorer 10, так же как с другими браузерами. Либо добавьте в начало страницы следующий тег meta, задающий выбор поведения Internet Explorer 9:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
а следующей странице используются условные комментарии, поэтому на нее может повлиять данное изменение.
<html> <!--[if IE]> This content is ignored in IE10 and other browsers. In older versions of IE it renders as part of the page. <![endif]--> </html>
Страницу можно быстро исправить, выбрав поведение Internet Explorer 9, как показано ниже.
<html> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> <!--[if IE]> This content is ignored in Internet Explorer 10 and other browsers. In older versions of Internet Explorer, it renders as part of the page. <![endif]--> </html>
Более основательным решением является удаление зависимости из кода.
Альтернативные варианты
Хак @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 */ }
Есть много разных способов анимировать SVG-изображения. Сейчас я рассмотрю и сделаю себе пометки, как сделать…
Пример кроссбраузерного варианта сделать картинку черно-белой с помощью CSS. IE11 не поддерживает filter. img.grayscale {…
Селектор :checked работает для чекбоксов, радио кнопок и для опций выпадающих списков (select). Чтобы получить…
Loader — это иконка-спиннер, которая крутится, пока загружается ваша страница. Так то я против таких…
1 комментарий
Ответить
Спасибо!
Возникла проблема с ИЕ, причём он не видел только высоту строки у одного элемента. У всех видел, а у этого — нет. С помощью Вашей статьи решила проблему за 2 секунды.