Drop down menu 鼠标悬停时不显示下拉列表

我想在主菜单的“

关于我们

”选项卡中添加一个下拉菜单，我努力了，但没有显示出来

下面是列表的html代码

<li>
       <a href="aboutus.php">About Us</a>  
          <ul class="sub-menu">
              <li><a href="#">Menu 1</a></li>
              <li><a href="#">Menu 2</a></li>
              <li><a href="#">Menu 3</a></li>
          </ul>
   </li>

---

这是纯css中的下拉列表示例

.sub-menu { display: none; }
.menu:hover + .sub-menu { display: block; }

---

在这个提琴中是您的代码的工作版本：

说明：

您没有在css中选择写入

    #menu ul li:hover ul{background:url(../images/menu_active.gif) top repeat-x !important;display:block;}
    #menu ul li ul{border:solid 1px #FC0;z-index:999;background: #000;width:300px;display:none;}

检查JSFIDLE的完整代码

如果要在

或
中选择
的
，请在css中使用此选项

ul li ul li {}

使用你的建议，它仍然是一样的。。。没有在hoverbro上显示列表我已经检查了你的建议。。但是，即使我没有将鼠标悬停在“关于我们”选项卡上，它也显示了整个过程。你检查过我的小提琴了吗？因为它只在悬停时显示了整个画面，我已经检查过了，它在那里工作。。。但我的仍不起作用。。实际上，我正在使用一个模板并修改它的菜单。。它有一个简单的菜单，但我想添加下拉列表中的一个选项卡哪个模板？你有链接吗？这是模板的链接
ul li ul li {}