HTML / CSS - 如果显示子菜单,则菜单不可单击

时间:2012-08-27 09:28:34

标签: html css menu submenu clickable

以下菜单正常。 但是只要我添加子菜单,菜单项就不再可点击了(只有子菜单项)。

<div id="menu">
  <ul> 
    <li>
        <a href="site.php?page=home" class="active" > Home </a>
        <ul> 
            <li><a href="site.php?page=Account%20Summary" >Account Summary</a></li>
            <li><a href="site.php?page=Total%20Transaction" >Total Transaction</a></li>
            <li><a href="site.php?page=Claim%20Points" >Claim Points</a></li>
            <li><a href="site.php?page=Redeem%20Points" >Redeem Points</a></li>
            <li><a href="site.php?page=Profile" >Profile</a></li>
        </ul></li>    
    <li><a href="site.php?page=about" >         About Us    </a></li>
    <li><a href="site.php?page=restaurants" >   Restaurants </a></li>
    <li><a href="site.php?page=howItWorks" >    How It Works    </a></li>
    <li><a href="site.php?page=contact" >           Contact     </a></li>
  </ul>
</div>

有关如何在显示子菜单时点击菜单的任何建议吗?

注意:只有在用户登录时才会显示子菜单。

1 个答案:

答案 0 :(得分:0)

我在Jon Hanna的评论的帮助下解决了这个问题:

我在菜单中的元素周围做了一个边框。 我看到了叠加并修复了它,改变了我的CSS。