css - 如何使子菜单项出现在悬停时？

Question

我对使用 Wolf CMS 制作的网站有疑问。我不知道发生了什么，但菜单子(monad)项不是显示了!无法理解为什么当我添加 CSS 以允许显示和样式它，它不起作用!我没有看到影响它的 JavaScript 代码..也许我遗漏了什么有人可以建议吗？？

http://goo.gl/PE238a

我尝试应用的所有通过 CSS 的代码都不会产生任何效果...

我不明白为什么我的 css 不会呈现我需要看到的内容...

#team-nav li {
  background: none repeat scroll 0 0 red !important;
  height: 100px !important;
  left: 1px !important;
  position: absolute !important;
  top: 1px !important;
  width: 100px !important;
}

我试图定位绝对和不透明度 10 但不会工作:(

在回程机上 http://goo.gl/hYhuHB我可以在网站的捕获页面中看到工作菜单....但是有太多添加的代码让我感到困惑..

Answer 1

您需要将以下样式添加到您的#nav

#nav {
position: relative;
z-index: 3;
float: left;
margin: 0;
border-bottom: solid 1px #ccc;
width: 700px;
padding-top: 100px;
overflow: initial;<-- Added
}

因为你的溢出是隐藏的，你的 #nav 是 position:relative; 溢出你的 #nav 的 submenu code> 无法显示。尝试上面的代码，它就像一个魅力。您还可以添加 overflow:visible;

注意:您的mobile.css 继承了screen.css 的值。 #menu, #nav{overflow:hidden} 所以你的 screen.css 必须改变 #nav{overflow:visible}