我的导航无法在Internet Explorer上工作

时间:2017-01-01 15:09:04

标签: html css internet-explorer-8

以下代码段在Chrome和Mozilla浏览器中运行良好,但在IE8上,我只看到一个没有设计的底层列表 - 编写以下HTML和CSS代码,我不知道为什么。有什么想法吗?



let isEql = (A, B) => {
  return JSON.stringify([...A].sort()) == JSON.stringify([...B].sort());
}

let res = isEql(new Set([1, 2, {3:4}]), new Set([{3:4},1, 2]));
console.log(res);

    nav {
    background-color: #666;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    }
    nav ul {
	list-style: none;
	display: inline-flex;
	padding: 0;
	margin: 0 auto;
    }

    nav ul li {
	display: inline;
	margin: 0 auto;

    }

    nav a:link, nav a:visited {
	color: #FFF;
	display: inline-block;
	padding: 15px 25px 15px 25px;
	height: 20px;
	font-size: 20px;
	text-decoration: none;
	font-family: gothic;
    }

    nav a:hover, nav a:active, 
    nav .active a:link, nav .active a:visited {
	background-color: #5aada0;

    }




1 个答案:

答案 0 :(得分:1)

IE8不支持HTML5,因此您无法使用<nav>标记。

将nav标签替换为以下内容:

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