我的导航不适用于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

回答

相关问题