我在http://intranet.turtle.com/上有一个CSS下拉菜单,但是子菜单不会下拉。我从Weebly模板开始,并且一直在对它进行相对徒手的重新编码,这是我非常新手的,所以我不确定到底是什么导致了中断。我想知道你们能不能发现我看不到的东西。提前感谢你们的帮助!
/* 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;
}发布于 2016-11-18 10:31:40
下拉菜单在内部页面上运行良好...但似乎主页上缺少下拉列表(#wsite-menus)的html标记。
https://stackoverflow.com/questions/40666783
复制相似问题