HTML/CSS - 如果顯示子菜單，菜單不可點擊

以下菜單正常工作。但是，一旦我添加子菜單，那麼菜單項不能再點擊（只有子菜單項）。HTML/CSS - 如果顯示子菜單，菜單不可點擊

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

即使在顯示子菜單時如何使菜單可點擊的任何建議嗎？

注：如果用戶在登錄時，才顯示子菜單

來源

2012-08-27 Thorsten Niehues

爲了告訴你所發生的事情，你需要讓人們看到你的CSS和javascript參與菜單顯示。 – Pebbl

同意。用純HTML，這將工作正常。我敢打賭，這是一個由CSS定位的元素，它的一部分覆蓋了其他鏈接，因此可以防止點擊（只是徘徊在螢火蟲或其他dom檢測工具應該證明，或臨時添加'border： 1px純紅色;'使邊緣對你可見），但這是CSS的問題，所以我不知道沒有看到它。 –

喬恩漢納 - 請張貼我可能接受的答案。 –

我解決了這個問題與Jon漢娜的評論的幫助：

我做了一個邊界在菜單中體周圍。我看到了覆蓋並修復了它，改變了我的CSS。

來源

2012-09-07 12:34:43

HTML/CSS - 如果顯示子菜單，菜單不可點擊

回答

相關問題