0

我已经尝试解决这个问题好几个小时了,我不知道 css 是否有一些没有被应用或什么,但它只发生在 ie 7 / 8 中。ie 8 版本几乎是正确的,但它仍然搞砸了,任何人都可以帮助出去玩? http://tshirthideout.com/

这是我的导航菜单代码

<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;
}
4

3 回答 3

1

嗯,几件事。

尝试删除 rem 单位(为什么需要这些?)

line-height 看起来需要一个单位大小。

并尝试更新<DOCTYPE><!DOCTYPE html>

对于早期的 IE,您可能需要将<nav>标签更改为<div>

于 2013-03-16T01:45:11.547 回答
1

来自w3schools ::

Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持该标记。

IE<9 将忽略任何 HTML5 元素,但有 javascript 解决方案

于 2013-03-16T01:46:45.183 回答
1

遗憾的是,IE7 和 IE8 基本上不支持 HTML5。现实情况是,如果您使用 HTML5/CSS3 编写代码,在 IE7/IE8 中运行会很头疼,而事实就是如此。

要真正开始解决问题,请查看HTML5Shiv。它提供了一些样式来帮助防止旧 IE 完全无法理解您的 HTML5 网页。

相关问题:Html5:页眉/页脚/导航标签等,在 IE7、8 和不支持 html5 的浏览器中会发生什么?

尝试一下,然后使用 IE9+s F12 开发工具查看 IE7 中发生了什么——尤其是检查控制台,在 ie7 模式下您会发现大量 jquery 错误。

如果这不能完全奏效,至少它将推动该过程以找出还有什么问题。不过不用担心——所有的 HTML5 页面都有这种问题。

于 2013-03-16T02:05:34.640 回答