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内容以及＃34; work＆＃34;在IE8中，例如你的标签：

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

为了让IE认识到这一点，你需要帮助说服IE它知道如何处理这个问题。如果您添加此JavaScript，它将神奇地理解它。

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

默认情况下，浏览器（所有浏览器）都会忽略他们无法识别的标签。这个黑客让IE＆＃34;识别＆＃34;它

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