HTML / CSS - 如果显示子菜单，则菜单不可点击答案

【问题标题】：HTML / CSS - Menu not clickable if submenu is displayedHTML / CSS - 如果显示子菜单，则菜单不可点击
【发布时间】：2012-08-27 09:28:33
【问题描述】：

以下菜单可以正常工作。但是一旦我添加了子菜单，菜单项就不再是可点击的（只有子菜单项）。

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

关于如何使菜单即使在显示子菜单时也可点击的任何建议？

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

【问题讨论】：

为了准确地告诉你发生了什么，你需要让人们看到你的 css 和 javascript 参与菜单显示。
同意。使用纯 HTML，这将正常工作。我敢打赌这是一个元素被 CSS 如此定位的问题，它的一部分覆盖了其他链接，从而防止点击（只需使用 firebug 或其他 dom-inspecting 工具悬停就可以证明这一点，或者暂时添加border: 1px solid red;使边缘对您可见），但这是 CSS 的问题，所以我不看到它就无法知道。
Jon Hanna - 请张贴我可以接受的答案。

标签： html css menu submenu clickable

【解决方案1】：

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

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

【讨论】：