如何在悬停时显示子菜单项?

时间:2014-09-11 08:02:01

标签: css hover

我在Wolf CMS下遇到此网站的问题。 我不知道发生了什么,但菜单子项不是 显示了!当我添加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 我可以在网站的捕获页面中看到工作菜单.... 但是有太多添加的代码让我感到困惑..

1 个答案:

答案 0 :(得分: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
}

由于您的溢出被隐藏且#navposition:relative;,因此无法显示溢出您submenu的{​​{1}}。试试上面的代码就像魅力一样。您还可以添加#nav

注意:您的overflow:visible;会继承mobile.css的值。 screen.css因此#menu, #nav{overflow:hidden}必须随screen.css

更改