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

时间:2011-04-12 05:56:31

标签: css drop-down-menu visible

编辑:只是在未来任何人发现这个我发现解决方案是从使用可见性改为:显示:,所以在代码中

visibiliy:隐藏;变成显示:无; visibiliy:可见;变成显示:阻止;

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

嗨,大家好,

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

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

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

正如您可以看到第一级2链接悬停在显示级别3和4时它应该只显示3,然后当3中的li翻转时它将显示第4级。

我知道有很多更容易的方法来做这个/预构建的东西,但我需要这样做,以便我可以使用ACL组件joomla并且不显示菜单项。

我花了好几个小时而且无法修复它,所以提前谢谢你!

1 个答案:

答案 0 :(得分: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]项目要么是剩下的,要么是未实施的未来想法,但它们肯定不适用于相关菜单。