0

我已经完成了 2 级导航，并希望添加第三级...尽管阅读并尝试参考其他一些 css 代码，如 CSS 下拉导航、第 3 级问题和http://forums.asp.net/ t/1758667.aspx/1，我仍然无法让我的代码工作。

我不确定我当前的代码是否允许我创建第三级导航。我不是 css 向导，但想检查是否有任何方法可以创建第三级。

我已经添加了第三级的内容，但未能创建 CSS 以使其显示。我尝试添加：

   #menu li ul li ul { display:none;}
   #menu li ul li:hover > ul{display:block; position:absolute; left:150px;}

对我来说 css 但第三级没有出现

因此，当我添加时，我想检查第三级是否会出现

 #menu li ul ul { display:block;}
 #menu li ul li:hover > ul{display:block; position:absolute; left:150px;}

在我的 css 中出现了第三级，但我知道结果会很奇怪。

我当前代码的 JSfiddle 是：http: //jsfiddle.net/eqNZd/5/

谢谢你帮助我......对不起，如果我的问题让你感到困惑......

PS 当我完成导航栏时，我将整理我的代码......对不起，如果代码不整洁。

4

1 回答 1

0

这可能是一个很好的起点。我查看了您的代码，但看起来很复杂，所以我修改了我写的一个旧下拉列表。

JSFiddle在这里

这是一个非常基本的三层下拉菜单。

以下是一些帮助我编写CSS下拉菜单的提示：

  1. 保持风格和功能分开
  2. 把事情简单化
  3. 一旦你完成了一个子菜单，你就完成了无数个子菜单。您需要做的只是简单地为每个其他子菜单重复相同的代码，确保ul在您的css.

如您所见，标题只需要 1 个选择器ul，每个子菜单需要 2 个，ul菜单才能正常工作。您应该能够修改它以执行您需要的任何操作。

于 2012-10-15T04:40:13.250 回答