首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >下拉菜单不是下拉菜单

下拉菜单不是下拉菜单
EN

Stack Overflow用户
提问于 2016-11-18 07:17:44
回答 1查看 85关注 0票数 0

我在http://intranet.turtle.com/上有一个CSS下拉菜单,但是子菜单不会下拉。我从Weebly模板开始,并且一直在对它进行相对徒手的重新编码,这是我非常新手的,所以我不确定到底是什么导致了中断。我想知道你们能不能发现我看不到的东西。提前感谢你们的帮助!

代码语言:javascript
复制
/* Nav */
.nav {
  display: table-cell;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  z-index: 10;
}
.nav ul {
  float: left;
  list-style-type: none;
  max-width: 1000px;
  z-index: 10;
}
.nav li {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10;
}
.nav li > a.wsite-menu-item {
  display: block;
  padding: 24px 20px;
  border: 0;
  color: white;
  letter-spacing: 0.04em;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  z-index: 10;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;

}
.nav li#active > a.wsite-menu-item,
.nav li > a.wsite-menu-item:hover {
  background: @navHover;
  color: white;
  border: none;

}
.mobile-nav {
  display: none;
  z-index: 10;
}
/* Subnav */
#wsite-menus .wsite-menu li a {
  padding: 10px 0 !important;
  display: inline-block;
  float: left;
  width: 100%;
  color: white;
  background: #00a5db;
  border: 0;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  z-index: 10;

}
#wsite-menus .wsite-menu li a:hover {
  color: #fff;
  z-index: 10;
  background: @navHover;

}
#wsite-menus .wsite-menu-arrow {
  color: transparent;
  z-index: 10;
  font-size: 0;
}
#wsite-menus .wsite-menu-arrow:before {
  display: block;
  color: white;
  content: '\203A';
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 11px;
  z-index: 10;
}
EN

回答 1

Stack Overflow用户

发布于 2016-11-18 10:31:40

下拉菜单在内部页面上运行良好...但似乎主页上缺少下拉列表(#wsite-menus)的html标记。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40666783

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档