php - IE8 不允许下拉菜单

Question

IE8 有一些问题。到目前为止，所有浏览器的导航都是这样的:

PHP:

<nav id="site-navigation" class="main-navigation" role="navigation">
  <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
  <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
  <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->

CSS:

/* Navigation Menu */
.main-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    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: block;
}

引用网址为:http://www.profiledt.co.uk/SetTraining

Answer 1

您需要添加一个 hack 来让 HTML5 内容在 IE8 中“工作”，例如你的标签:

<nav> <!-- This is HTML5 -->

为了让 IE 识别这一点，您需要让 IE 相信它知道如何处理它。如果您添加此 JavaScript，它会神奇地理解它。

<!--[if lt IE 9]>
  <script>
    document.createElement('nav');
  </script>
<![endif]-->

默认情况下，浏览器(所有浏览器)被设计为忽略它们不认识的标签。这个 hack 让 IE“识别”它。

更多详情:http://www.paulund.co.uk/turn-on-html5-in-ie8-or-lower包括指向 Remy Sharp 的 HTML5 Shiv 的链接(它提供了此功能及更多功能)