Когда веб-сайт обслуживается в локальной сети int ra , Internet Explorer (по умолчанию) переключится в режим, совместимый с IE7.
Вы можете использовать эту функцию, чтобы отключить это «IE7 в режиме совместимости с внутренней сетью» , включив заголовок ответа X-UA-Compatible на свою страницу:
HTTP/1.1 200 OK
X-UA-Compatible: IE=8
Вы также можете добавить эквивалент заголовка ответа http на вашу страницу, включив элемент meta http-equiv
в HEAD>
вашего документа.Например:
<!DOCTYPE html>
<html>
<head>
<title>Hello world!</title>
<meta http-equiv="X-UA-Compatible" content="IE=9">
</head>
<body>
</body>
</html>
Примечание : Если вы включите заголовок
| Header | Value |
|------------------|---------|
| X-UA-Compatible | IE=10 |
в ваш HTML-документ, вы должны добавить его достаточно высоко в HEAD
прежде чем что-то еще происходит, что блокирует в режиме документа - и вы заблокированы в IE7.
Неправильный пример 1
<!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<html lang="en">
<head>
meta
элементы находятся внутриhead
элемент
Неправильный пример 2
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello, world!</title>
<link rel="stylesheet" type="text/css" media="all" href="main-73c2257f2d.css" />
<meta http-equiv="X-UA-Compatible" content="IE=8">
Элемент X-UA-Compatible
должен появляться первым в head
;за исключением title
и других meta
элементов.
Заголовок X-UA-Compatible не чувствителен к регистру;однако он должен появляться в заголовке веб-страницы (раздел HEAD) перед всеми остальными элементами, кроме элемента title и других метаэлементов.
Неправильный пример 3
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=10">
Условия блокируют браузер в режиме IE7.Удалите их.
Правильно
<!doctype html>
<head>
<title>Hello, world!</title>
<meta http-equiv="X-UA-Compatible" content="IE=10">