0

编辑：以防将来有人发现这个我发现解决方案是从使用可见性：更改为显示：，所以在代码中

可见性：隐藏；变成显示：无；可见性：可见；变成显示：块；

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

嗨，大家好，

我目前正在使用使用一些 CSS 和列表创建的下拉菜单。它工作正常，但由于某种原因，此菜单的第 4 级没有听到可见性：隐藏；命令。根据元素检查器该元素被列为已启用，但实际上并没有这样做。

一个例子在这里：http ://dev.hutchup.com/test/css-dropdown.htm

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

如您所见，将鼠标悬停在第 2 级链接上时显示第 3 级和第 4 级，而它应该只显示 3，然后当 3 中的 li 悬停时，它将显示第 4 级。

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

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

4

1 回答 1

0

不确定，但是这么多层次的嵌套是可怕的事情，在这个时代，一些简单的带有后备的 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]项目要么是其他东西遗留下来的，要么是一些未实现的未来想法，但它们当然不适用于相关菜单。

于 2011-04-12T06:10:45.053 回答