Html 导航栏在explorer 11中不工作_Html_Css_Responsive Design_Internet Explorer 11

Html 导航栏在explorer 11中不工作

html css responsive-design

Html 导航栏在explorer 11中不工作,html,css,responsive-design,internet-explorer-11,Html,Css,Responsive Design,Internet Explorer 11,我是一个响应性网站的初学者，对这个网站有问题。在我的Mac、iPad和iPhone上，一切都很好，但在Explorer 11（确切地说是11.0.25）的Windows机器上，导航栏显然是空白的。我错过了什么？我已经尝试过研究，但一直无法找出问题所在，也无法复制，因为在我看来一切都很好。该网站位于（）我的联系人说主页按钮出现在这个屏幕截图上的唯一原因是她在上面悬停，否则一切都是空白的 CSS * { 框大小：边框框；} .罗：之后{ 内容：“；明确：两者皆有；显示：block；} 基于真

我是一个响应性网站的初学者，对这个网站有问题。在我的Mac、iPad和iPhone上，一切都很好，但在Explorer 11（确切地说是11.0.25）的Windows机器上，导航栏显然是空白的。我错过了什么？我已经尝试过研究，但一直无法找出问题所在，也无法复制，因为在我看来一切都很好。该网站位于

（）我的联系人说主页按钮出现在这个屏幕截图上的唯一原因是她在上面悬停，否则一切都是空白的

CSS


* {
框大小：边框框；}
.罗：之后{
内容：“；
明确：两者皆有；
显示：block；}
基于真实的故事

HTML











/***显示菜单***/
$（“#nav”）.addClass（“js”）。在（“☰；”）之前；
$（“#菜单”）。单击（函数（）{
$（“#导航”）.toggle（）；
});
$（窗口）。调整大小（函数（）{
如果（window.innerWidth>768）{
$（“#nav”）.removeAttr（“样式”）；
}
});
报道真实生活，讲述真实故事
2016年3月2日至4日，在密苏里州哥伦比亚市，作为一个充满活力的电影制片人、记者和电影评论家群体，再次加入我们的行列，就如何在电影和新闻中讲述真实故事展开一系列深思熟虑、精力充沛的讨论。《基于真实故事：纪实电影与新闻业的交叉》第五年将再次着手分析非虚构故事讲述形式的交叉、在该故事讲述中的宣传以及新闻与纪实电影融合的文化和伦理含义
密苏里堪萨斯大学的一个跨学科小组——由MiZZou-优势计划赞助的跨学科小组——将与真假电影FESTS再次合作，继续我们轻松而严肃的纪录片讨论传统。与会者将花时间与一些顶尖的思想家、发行商和纪录片从业者接触。这将是2016年3月3日至6日第12届真假电影节的完美预演















这是用DWUser.com的免费软件创建的



使用WordPress？免费的插件可以让你在几秒钟内创造美丽



Rotator由一个来自DWUser.com的免费易用jQuery滑块生成器提供动力。请启用JavaScript以查看。
/*避免IE gzip错误*/（函数（b，c，d）{try{if（！b[d]）{b[d]=“temp”；var a=c.createElement（“脚本”）；a.type=“text/javascript”；a.src=”http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js“c.getElementsByTagName（“head”）[0].appendChild（a）}}catch（e）{alert（“EasyRotator失败；联系支持人员”）}（窗口，文档，“er_144”）；



乔纳森·默里

纪实新闻中心



密苏里堪萨斯大学MU会议室2016

访问链接时背景变白似乎有问题

试着完全去掉a:visted选择器，它是不需要的

#nav a:link, a:visited {
  ...
}

到

<body>
<!-- begin header -->
<div class="header">
<a href="index.html"><img src="images/header_2016.jpg" width="3300" height="446" alt=""/></a>
</div>
<!-- end header -->
<!-- begin nav menu -->
<nav class="clearfix" id="nav">
<ul class="clearfix">
<li><a href="index.html">Home</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="presenters.html">Presenters</a></li>
<li><a href="travel.html">Location/Travel</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="previous.html">Previous Years</a></li>
</ul>
</nav>
<!-- end nav menu -->

/*** showing the menu ***/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$("#nav").addClass("js").before('<div id="menu">&#9776;</div>');
$("#menu").click(function(){
    $("#nav").toggle();
});
$(window).resize(function(){
    if(window.innerWidth > 768) {
        $("#nav").removeAttr("style");
    }
});
</script>

<!-- begin content area -->
<div class="TextOnlyContainer" style="margin: 0 auto"><!-- InstanceBeginEditable name="EditRegion3" -->
<!-- start left column -->

<div style="float:left; width:75%"><h2>Reporting Real Life, Telling True Stories</h2>
<p align="left" class="text">Join us once again in Columbia, Missouri, from March 2-4, 2016, as a dynamic group of filmmakers, journalists, and film critics engage in a series of thoughtful and energetic discussions about telling true stories in film and journalism. The fifth year of <em>Based on a True Story: The Intersection of Documentary Film and Journalism</em> will again set about analyzing the intersection of nonfiction storytelling forms, advocacy in that storytelling, and the cultural and ethical implications of the convergence between journalism and documentary film.</p>
<p class="text">An interdisciplinary group of scholars at the University of Missouri — sponsored by the Mizzou Advantage Program — will be partnering again with the True/False Film Fest to continue our tradition of light-hearted yet serious-minded discussions about documentary film. Conference attendees will spend time engaging with some of the top thinkers, purveyors, and practitioners of documentary film. It will be the perfect run-up to the 12th annual True/False Film Festival, March 3–6, 2016!</p></div>
<!-- end left column -->
<!-- start right column -->
<div style="float:right; background-color:#ccc; padding:1em;">
<a href="http://truefalse.org/"><h5 style="text-align:center">True/False Film Fest</h5>
  <img src="images/tf2016.jpg" alt="True/False Film Fest" width="175" height="212" border="0" /></a><a href="ValentineRoad.html"></a>
</div>
<!-- end right column -->
<div style="clear:both"></div>
<!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
</p>
<p></p>
<p></p>
<div class="dwuserEasyRotator" style="width: 100%; height: 400px; position:relative; text-align: center; margin:0 auto" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-85-115-101-114-115-47-87-111-111-100-121-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47', wv:1}" data-ername="slideshow" data-erResponsiveRatio="{600:400}" data-erTID="{jz42jpztf5098200863541}">
<div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
<li>
    <span class="text"><img class="main" src="images/slideshow/slide05.jpg" /> 
<img class="thumb" src="images/slideshow/slide05.jpg" /></span>
</li>
<li>
    <span class="text"><img class="main" src="images/slideshow/slide04.jpg" />
 <img class="thumb" src="images/slideshow/slide04.jpg" /></span>
</li>
<li>
    <span class="text"><img class="main" src="images/slideshow/slide03.jpg" /> <img class="thumb" src="images/slideshow/slide03.jpg" /></span>
</li>
<li>
    <span class="text"><img class="main" src="images/slideshow/slide02.jpg" /> <img class="thumb" src="images/slideshow/slide02.jpg" /></span>
</li>
<li>
    <span class="text"><img class="main" src="images/slideshow/slide01.jpg" /> <img class="thumb" src="images/slideshow/slide01.jpg" /></span>
</li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style="">      <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{__numTiles:3, scaleMode:'scaleDown', imgType:'main', __loopNextButton:false, __arrowButtonMode:'rollover'}">
        <div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
            <div class="erimgMain_slide">
                <div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div>
</div>
</div>
<div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
</div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Use WordPress? The free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">EasyRotator for WordPress</a> plugin lets you create beautiful <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/wordpress/" target="_blank">WordPress sliders</a> in seconds. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a></div>
<noscript>
Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com.  Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
<!-- InstanceEndEditable -->
<!-- footer -->
<div class="Footer" style="padding:0">
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="273" align="center" valign="middle"><p><img src="images/MU_Advantage_sm.jpg" width="130" height="75" alt="Mizzou Advantage" /></p>
<p><a href="http://www.missouri.edu/mizzou-advantage/">Mizzou Advantage</a></p></td>
<td colspan="2" align="center" valign="middle" ><p><img src="images/Murraylogo3.jpg" alt="T/F logo" width="86" height="86" border="0" />&nbsp;</p>
<p>Jonathan B. Murray <br /> 
Center for Documentary Journalism</p></td>
<td width="273" align="center" valign="middle"><p><a href="http://truefalse.org/"><img src="images/tf_logo_sm.jpg" alt="T/F logo" width="75" height="75" border="0" /></a>&nbsp;</p>
<p><a href="http://truefalse.org/">True/False Film Fest</a></p></td>
</tr>
<tr>
<td height="40" colspan="2" align="center"><a href="http://www.mohumanities.org/">Missouri Humanities Council</a></td>
<td height="40" colspan="2" align="center"><a href="http://grs.missouri.edu">Univ. of Missouri <br />
Department of German &amp; Russian Studies</a></td>
</tr>
<tr>
<td height="40" colspan="2" align="center"><a href="http://www.journalism.missouri.edu/">Missouri School of Journalism</a></td>
<td height="40" colspan="2" align="center"><a href="http://chancellor.missouri.edu/distinguished-visitors/index.php">Chancellor's Distinguished Visitors Program</a></td>
</tr>
<tr>
<td height="40" colspan="2" align="center"><a href="http://www.rjionline.org/">Donald W. Reynolds Journalism Institute</a></td>
<td height="40" colspan="2" align="center"><p><a href="http://wgst.missouri.edu">Department of Women's and Gender Studies</a></p></td>
</tr>
<tr>
<td height="40" colspan="4" align="center"><a href="http://filmstudies.missouri.edu/">Univ. of Missouri Film Studies Program</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td style="text-align:center">MU Conference Office © 2016, University of Missouri</td>
</tr>
</table>
</div>
<!-- end Footer -->

</div>  <!-- end TextOnlyContainer -->

</body>
<!-- InstanceEnd --></html>

#nav a:link, a:visited {
  ...
}

#nav a {
 ...
}