php - IE8不允许使用下拉菜单

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

供参考的URL是：http://www.profiledt.co.uk/SetTraining

最佳答案

您需要添加一个技巧，以使HTML5内容能够在IE8中“正常工作”，例如您的标签：

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

为了使IE认识到这一点，您需要帮助说服IE知道该怎么做。如果添加此JavaScript，它将神奇地理解它。

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

默认情况下，浏览器（所有浏览器）设计为忽略它们无法识别的标签。此黑客可以让IE“识别”它。

更多详细信息：http://www.paulund.co.uk/turn-on-html5-in-ie8-or-lower，包括指向Remy Sharp的HTML5 Shiv的链接（提供此功能等）

关于php - IE8不允许使用下拉菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20472489/