Я нашел этот css запрос на нескольких сайтах, чтобы я мог ориентироваться на пользователей, просматривающих IE11:
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}
Я реализовал его так:
body {
margin: 0;
padding: 0;
font-size: 14px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
#browser_warning{
display: none;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#browser_warning{
display: block;
}
}
и html просто:
<body>
<div id="browser_warning">
<h1>Stop using IE11, FFS!</h1>
</div>
</body>
, но он просто не работает - дисплей остается none, даже когда я запускаю его в IE11. Что может помешать этому? Я пробовал несколько альтернатив, в том числе те, которые Targeting IE 11 в css не работают
Нет встроенных стилей css, и единственным родительским элементом является тело. В таблице стилей css нет стилей div. Я использую IE11, но использую Visual Studio IIS Express для его проверки - хотя я не понимаю, как это будет иметь значение, это все еще IE11, анализирующий html и css.