我的導航不適用於Internet Explorer

-1

下面的代碼段在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>

來源

2017-01-01 Catalin Sandu

哪個IE版本，您使用的是：

像這樣的東西替換你的導航標籤？ – CoderGuy

「不起作用」不是技術說明。什麼不行？它應該如何工作？ – Rob

你在說哪個版本的IE？ Flex不適用於舊版本，因此您的「inline-flex」可能是此處的問題：http://caniuse.com/#search=flex – jpedroribeiro

IE8不支持HTML5，因此您不能使用<nav>標記。

<div class="nav"></div>

來源

2017-01-01 15:43:16 JustCauseWhat

它的作品，非常感謝你！ –

-2

首先，你需要確保你的HTML點一個CSS IE瀏覽器而已。

爲此，請按照以下步驟操作。

目標IE

<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="all-ie-only.css" /> 
<![endif]-->

頭的所有版本在這個以

https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

瞭解更多詳情。

來源

2017-01-01 15:11:24 Rab

IE瀏覽器條件註釋不能在版本9後的IE瀏覽器中運行。 – Rob

不是我在這裏倒下了，但是這個問題對於什麼是「不工作」還不太清楚，他們在這個問題中沒有提到這一點。他們也沒有迴應他們問題下的意見。我覺得你已經被追趕過一個兔子洞。 –

哦，好的。只是想幫助大聲笑。 – Rab

我的導航不適用於Internet Explorer

回答

相關問題