Windows 8 の IIS で構成されたローカル システムで単純な Web サイトに取り組んでいます。私のシステムは 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 を使用して表示されます
ドメインを使用してアクセスすると、次のようになります。
回避策を提案してください。