下面的代碼段在Chrome和Mozilla瀏覽器中工作正常,但在IE8上,我只看到一個沒有設計的有序列表 - 保存了以下HTML和CSS代碼,而我不知道爲什麼。有任何想法嗎?我的導航不適用於Internet Explorer
nav {
background-color: #666;
height: 50px;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
nav ul {
\t list-style: none;
\t display: inline-flex;
\t padding: 0;
\t margin: 0 auto;
}
nav ul li {
\t display: inline;
\t margin: 0 auto;
}
nav a:link, nav a:visited {
\t color: #FFF;
\t display: inline-block;
\t padding: 15px 25px 15px 25px;
\t height: 20px;
\t font-size: 20px;
\t text-decoration: none;
\t font-family: gothic;
}
nav a:hover, nav a:active,
nav .active a:link, nav .active a:visited {
\t background-color: #5aada0;
}
<div class="container">
\t \t <nav>
\t \t \t <ul>
\t \t \t \t <li><a href="index.html">home</a></li>
\t \t \t \t <li><a href="about.html">about</a></li>
\t \t \t \t <li class="active"><a href="#">contact</a></li>
\t \t \t </ul>
\t \t </nav>
\t </div>
哪個IE版本,您使用的是:
像這樣的東西替換你的導航標籤? – CoderGuy
「不起作用」不是技術說明。什麼不行?它應該如何工作? – Rob
你在說哪個版本的IE? Flex不適用於舊版本,因此您的「inline-flex」可能是此處的問題:http://caniuse.com/#search=flex – jpedroribeiro