IE 10 CSS hack
Придумал CSS-хак для Эксплорера 10-й версии, срабатывающий только в режиме совместимости, похоже, что все существующие хаки в нём не работают.
@media , {
.:valid, body {
background: red; /* будет красным в Internet Explorer 10 (режим совместимости) */
}
}
Проверил при помощи сайта «Браузер шотс» ложные срабатывания, как будто всё в порядке, их нет. Не проверял на IE11, не знаю будет ли там работать. Если у кого-то под рукой есть, напишите в комментариях, пожалуйста, интересно же. Ну и под другими браузерами всё равно будет нелишним проверить, напишите срабатывает или нет.
Так же придумал новый хак для обычного режима IE 10:
@media all\0 {
_:valid, body {
background: red; /* будет красным в IE 10 */
}
}
И ещё один:
_:valid\0, body {
background: green; /* будет зелёным в IE10 */
}
Так же не тестировал на IE11 (мне негде).
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none)
Это для IE10 и выше.
Комментарий для ?:
Я уже написал:
Указанный хак у меня не сработал.
А ты как проверял? У меня не воспроизводится в IE 10: http://pastebin.com/Ti84MF2h
Комментарий для splurov.livejournal.com:
Как-как, открыл в IE10 и проверил :) ОС какая? У меня — Windows 7 (в «Параллельсе» запущена).
Комментарий для splurov.livejournal.com:
Ой, нет. У меня Windows 8.
Комментарий для splurov.livejournal.com:
http://img-fotki.yandex.ru/get/9318/35419492.dc/0_75f91_421097b7_L#%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%2B%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%2B2013-10-15%2B%D0%B2%2B21.04.20.png%7Chttp%3A%2F%2Ffotki.yandex.ru%2Fusers%2Fbolknote%2Fview%2F483217%2F%3Fpage%3D3#500x287
Комментарий для splurov.livejournal.com:
Попробуй комментарий нормальный сделать (я сейчас код поправил), может из-за него не работает.
Комментарий для Евгения Степанищева:
https://www.dropbox.com/s/993c15is9zb3wqb/Screenshot%202013-10-15%2021.37.38.png
Комментарий для splurov.livejournal.com:
А ОС-то какая?
Комментарий для splurov.livejournal.com:
А, вон, вижу. Так, может дело в битности?
Комментарий для splurov.livejournal.com:
Я переделал немного: http://jsfiddle.net/M59r2/
Так красный?
Комментарий для Евгения Степанищева:
ОС 32-битная, а во втором примере и в Фаерфоксе и в ИЕ 10 красный :)
То есть ни один из этих http://www.kobzarev.com/makeup/ie10-css-hacks.html хаков у вас не работает в ИЕ10? У меня Win7x64 — полет нормальный
«Что-то пошло не так (ц)»: http://goo.gl/dXx90a
Комментарий для mihdan:
Там два хака всего. И что-то странное. Через jsfiddle они работают, локально — нет. Мой же — наоборот. Ничего не понимаю.
Я разобрался. Почему-то у меня браузер в режим совместимости всё время переключается. Вот как раз мой хак в нём работает, как оказалось, а те хаки в нём не работают.
Интересно, что при загрузки файла с файловой системы IE10 как раз переходит в такой режим. Вот поэтому я и получил такие результаты.
Комментарий для splurov.livejournal.com:
С первым всё стало понятно, а попробуйте второй хак?
Все приведённые варианты ложно срабатывают в 64-хбитной версии Линукса в Опере.
Уф, как у вас туннелирование OpenID провайдера на Google жутко срабатывает.
Комментарий для www.google.com/accounts/o8/id?id=AItOawkmdzzujYcqeGd4ggCD2zyPVZ2LJavnDcg:
Какая версия «Оперы»?
Это вы жуткий OpenID подставляете. Это специальный «анонимный» гугловский OpenID.
Не взлетело у меня
ОС 64х битная
Комментарий для Евгения Степанищева:
Первый в Compat и у меня краснеет.
Второй ( http://jsfiddle.net/JXwSz/ ) и третий ( http://jsfiddle.net/TtpG6/ ) работают и в IE 10 и в IE 11 (в обычном режиме).
Комментарий для http://wargot.com/:
Режим совместимости включён?
Комментарий для http://wargot.com/:
Ну и код у вас неправильный.
Режим совместимости же не в счет, нужен именно IE10 и выше, разве нет? В режиме совместимости включается эмулятор версий ниже, это же то же самое, что искать хак для IE9, или я ошибаюсь?
Комментарий для ?:
Для первого хака нужен IE10 в режиме совместимости.
Зря, зло это!
Лучше по юзер агенту на боди класс-модификатор навесить, если уж очень хочется проснифать, в топку хаки
или на html, так http://css-tricks.com/ie-10-specific-styles/
Комментарий для Виталий Сергеев:
В топку класс-модификатор.
<!--[if IE]> <style> * {font-family: «Comic Sans»;} </style> <![endif]-->
Комментарий для 3:
У меня для вас плохая новость: это не работает под IE10.