IE 7/8中的导航菜单中断
IE 7/8中的导航菜单中断
提问于 2013-03-16 09:40:44
以下是我的导航菜单代码
<nav class="main-navigation" role="navigation">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->css
/* Navigation Menu */
.main-navigation {
background-color: #fff;
margin-top: 5px;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
*display: inline
zoom: 1;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2013-03-16 10:05:35
事实是，如果你是用HTML5/CSS3编写的，你会很难让它在IE7/IE8中工作，这就是它的方式。
要真正开始解决这些问题，请查看HTML5Shiv。它提供了一些样式，帮助防止旧的It完全无法理解您的HTML5网页。
尝试一下，然后使用IE9+s F12开发人员工具来查看IE7中发生了什么-特别是检查控制台，在那里你会发现ie7模式下有大量的jquery错误。
如果这不能完全起作用，至少它会继续推进这个过程，以找出还有什么地方出了问题。但是不用担心--所有的HTML5页面都有这种问题。
Stack Overflow用户
发布于 2013-03-16 09:45:12
嗯，有几件事。
尝试删除rem单元(为什么需要这些单元？)
line-height看起来需要一个单位大小。
并尝试将<DOCTYPE>更新为<!DOCTYPE html>
对于早期的IE，您可能需要将<nav>标记更改为<div>
Stack Overflow用户
发布于 2013-03-16 09:46:45
来自w3schools：
在Internet Explorer9、Firefox、Opera、Chrome和Safari中都支持该标签。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15444650
复制相关文章
相似问题
腾讯云开发者
