Question

我很困惑。我有一个带下拉菜单的页面。它在IE 10和11（也在其他浏览器中）中表现正常，但在IE 9中表现不同。

我有两种方法可以访问我的网站页面：通过计算机IP地址，例如：

http://123.456.789.12/page.html

另一种方式是通过计算机名称，例如：

http://computer-name.com/page.html

当我使用IP地址并将鼠标移到菜单上时，显示正确（下拉菜单）： enter image description here

但是，如果使用计算机名称，我会得到： enter image description here

我清除缓存，验证它们是同一页面等等。我无法弄清楚为什么在IE 9中，它有这样的行为。

有人知道为什么吗？修复？

谢谢和问候。

更新：这是我页面的负责人

<!DOCTYPE html>
<!--[if lt IE 7]>           <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>               <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>               <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
 <!--<![endif]-->

    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">

    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/css/normalize.css">

    <link rel="stylesheet" href="/css/reset.css">

    <link rel="stylesheet" href="/lib/font-awesome-4.1.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="/css/styles.css" />

    <script src="/lib/modernizr-2.6.2.min.js"></script>

    <script src="/lib/jquery-1.11.0.min.js"></script>

    <script src="/lib/jquery-ui-1.10.4/js/jquery-ui-1.10.4.js"></script>

    </head>

更新2：在SO处找到解决方案！

Html 5 Reset (html5reset.org) - X-UA-Compatible doesn't work

Answer 1

这是smart defaults的一部分，它在网站的两个实例之间切换浏览器/文档模式。

为了保持兼容性，Internet Explorer随附基于区域评估的智能默认值。在默认状态下，全部 Internet Explorer标准中显示公共Internet上的站点模式（兼容性视图关闭）和所有内部网站显示在 Internet Explorer 7标准模式（兼容性视图）。

将此添加到页面的开头：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用IP地址和计算机名访问网站时的不同行为

1 个答案: