CSS 下拉菜单，可见不起作用

Question

编辑：以防万一将来有人发现这一点，我发现解决方案是从使用visibility:更改为display:，所以在代码中

visibiliy:hidden;变为显示：无； 可见的: 可见的;变成显示：块；

还没有确切地知道为什么它的可见性在第四个嵌套上不起作用，但至少这似乎解决了这个问题

嗨，大家好，

我目前正在使用一个使用一些 CSS 和列表创建的下拉菜单。它工作正常，但由于某种原因，该菜单的第四级没有监听visibility:hidden;命令。根据元素检查器，该元素被列为已启用，但实际上并未执行此操作。

示例如下：http://dev.hutchup.com/test/css-dropdown。 htm

我不会过去的代码，因为它太日志了，可以在上面的链接中看到

，您可以看到第一个 2 级链接，当鼠标悬停在显示级别 3 和 4 时，它应该只显示 3，然后当将 3 中的 li 翻过来将显示第 4 级。

我知道有很多更简单的方法可以做到这一点/预建的事情，但我需要这样做，以便我可以使用 joomla 的 ACL 组件并且不显示菜单项。

我花了几个小时但无法修复它，所以提前谢谢你！

Answer 1

不确定，但是如此多的嵌套级别是一件可怕的事情，在当今时代，通过一些带有后备功能的简单 JavaScript 可能会更好地处理（特别是如果它是大量嵌套级别），尽管我确实注意到了两件事；

• 在我看来，您没有为第四级指定任何样式。您可能需要添加一些来看看这是否是您的问题。
• 你已经有了一些看起来像的 CSS
  像这样 ;

---

   .moduletable_topmenu ul.menu li.item69 a {
    height: 2.5em;
   }
   */

   /*
   .moduletable_topmenu ul.menu li.item89 {
    height: 3.7em;
   } 

   .moduletable_topmenu ul.menu li.item89 a {
    height: 2.5em;
   }

---

这些 li.item[n] 项目要么是其他东西留下的，要么是一些未实现的未来想法，但它们肯定不适用于相关菜单。