IE10 HTML 渲染，适用于 IP，但不适用于配置的域答案

【问题标题】：IE10 HTML Rendering, works with IP, but not with Configured domainIE10 HTML 渲染，适用于 IP，但不适用于配置的域
【发布时间】：2013-03-28 14:54:49
【问题描述】：

我正在我的本地系统上开发一个简单的网站，在 Windows 8 上配置了 IIS。我的系统也在 ADS 中。我的 html 中有以下导航栏。

<div class="bar">
    <ul class="navul">
        <li class="navli sp"><a class="toplinks" href="#">Home</a></li
        ><li class="navli"><a class="toplinks" href="#">Register</a></li
        ><li class="navli"><a class="toplinks" href="#">Privacy</a></li
        ><li class="navli"><a class="toplinks" href="#">Disclaimer</a></li
        ><li class="navli"><a class="toplinks" href="#">Terms</a></li
        ><li class="navli"><a class="toplinks" href="#">About</a></li>
    </ul>
</div>

而对应的CSS是

.bar
{
height:50px;
background:url('../img/nav.jpg');
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.navul
{
list-style:none;
margin:0;
padding:0;
}
.navli
{
display:inline-block;
font-size: 24px;
font-family: Georgia Verdana;
text-align: center;
border-right: 1px solid;
border-color: #EEE;
color:white;
height:50px;
}
.sp
{
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.navli:hover
{
background:#040;
}
.toplinks
{
display:inline-block;
text-decoration: none;
padding: 10px 20px 10px 20px;
margin:0;
color:#E1E1E1;
}
.toplinks:visited
{
color:#E1E1E1;
}
.toplinks:hover
{
color:white;
}

我遇到的问题是，当我使用我的IP或localhost甚至直接打开html文件时，IE10按预期显示，但是当我用域打开时，它显示错误。

以下格式使用IP显示

当我使用域访问时，我获得以下内容。

请提出任何解决方法。

【问题讨论】：

标签： html css internet-explorer-10

【解决方案1】：

在 IE 中，按一次 alt 键以在顶部显示菜单栏（就像过去一样）。单击工具 > 兼容性视图设置。

您可能选中了“在兼容性视图中显示 Intranet 站点”框。这可以解释在本地查看网站时的不同行为。

【讨论】：