<a> in hidden <div></div></a>的问题

时间:2014-09-20 16:55:15

标签: html css wordpress

为什么在隐藏<a>下方菜单中的桌面模式<div>?它只发生在Firefox中。

代码示例是:

HTML:

<div id="show-menu"><a href="#">NAVIGATION<a></div>
    <div class="headmenu">
    <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
</div>

CSS

#show-menu {
    display:none;
    clear:both; 
}

.headmenu {
    clear:both;
    width:100%;
    height:85px;
    font-size: 13px;
    font-family: 'Droid Serif', serif;
    font-weight: 200;
    color:#232324; 
    text-decoration:none;
    background-image:url("images/menu_bg.jpg"); 
}

1 个答案:

答案 0 :(得分:1)

您的<a>标记未正确关闭。您改为打开新代码:

<div id="show-menu"><a href="#">NAVIGATION<a> <--- here :) </div>