Согласно HTML5 Boilerplate, я ожидал бы, что следующий meta
для удаления кнопки режима совместимости из IE8:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Но когда я просматриваю свой сайт в IE8, кнопка режима совместимости все еще существует. Я хочу, чтобы мой сайт работал в IE8 и выше, и я не хочу, чтобы мои браузерные браузеры IE отображали кнопку режима совместимости. Проблема в том, что если кто-то случайно щелкнет по нему и включит режим совместимости в браузере IE8, моя страница не будет отображаться корректно из-за странных особенностей IE7.
Так как я могу отключить кнопку?
РЕДАКТИРОВАТЬ:
Вот начало моей head
тег:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
Это то же самое, что и по умолчанию H5BP. Я также попытался переместить сомату. метатег в качестве первого тега в <head>
без разницы.
Это длится долго (https://github.com/h5bp/html5-boilerplate/issues/1187). Я использую это (модифицируйте классы ниже doctype для ваших нужд):
http://nicolasgallagher.com/better-conditional-classnames-for-hack-free-css/
<!--[if IE ]><![endif]-->
<!doctype html>
<!--[if IE 8 ]> <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js lt-ie10 ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<body>
вместо тега HTML, и это также устранило проблему.