如何解决部署后,Header&Nav标签在11 IE中无法正常工作
在检查所有浏览器(例如Chrome,IE等)中的元素后,将IE中的HTML元素部署到服务器后,我对IE中的HTML元素有疑问
<head>
<link rel="stylesheet" href="style.css" />
</head>
<header class="header header-v1">
<div class="logo">
<a href="Home.html"><img src="images/Header/logo.png" class="img-responsive" alt="Image"></a>
</div><!-- End Logo -->
<nav class="navi-desktop-site">
<ul class="navi-level-1">
<li class="has-sub p1"><a>Home<i class="fa fa-angle-down"></i></a>
<ul class="navi-level-2 ">
<li><a href="#" >Tes1</a></li>
<li><a href="#" >Tes2</a></li>
<li><a href="#">More +</a></li>
</ul>
</li>
<li class="has-sub p1"><a>Contact Us<i class="fa fa-angle-down"></i></a>
<ul class="navi-level-2 ">
<li><a href="#" >Email</a></li>
<li><a href="#" >More +</a></li>
</ul>
</li>
</ul>
</nav> <!-- End Navi Desktop -->
<div class="navi-right">
<div title="library" class="circle-wrapper">
<div class="lib circle"></div>
<div class="icon">
</div>
</div>
</div>
</header><!-- END HEADER -->
将页面部署到服务器后,样式无法正常工作,然后尝试检查11 IE中的元素,发现它显示为以下代码
<header class="header header-v1"></header>
<nav class="navi-desktop-site"></nav>
<ul class="navi-level-1">
<li class="has-sub p1"><a>Home<i class="fa fa-angle-down"></i></a>
<ul class="navi-level-2 ">
<li><a href="#" >Tes1</a></li>
<li><a href="#" >Tes2</a></li>
<li><a href="#">More +</a></li>
</ul>
</li>
<li class="has-sub p1"><a>Contact Us<i class="fa fa-angle-down"></i></a>
<ul class="navi-level-2 ">
<li><a href="#" >Email</a></li>
<li><a href="#" >More +</a></li>
</ul>
</li>
</ul>
<div class=navi-right sizzle1601118057090=[object Object]>
<div title="library" class="circle-wrapper">
<div class="lib circle"></div>
<div class="icon">
</div>
</div>
</div>
我不知道为什么部署后会发生这种情况?
解决方法
<header>
和<nav>
都是HTML5标签,仅IE 9+支持。
我猜您将页面部署到服务器后,会在IE的兼容性视图中查看该页面。请检查F12开发人员工具中模拟的文档模式,以查看其是否低于IE9。我可以使用低于9的IE模拟版本重现您的问题:
请从兼容性视图网站列表中删除该网站,或在代码中添加以下meta标记,然后尝试在IE 11中再次检查该页面:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
参考:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。