2016-11-17 152 views
0

我有一个CSS下拉菜单http://intranet.turtle.com/和子菜单不会下降。我开始使用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; 
} 

回答

0

的下拉菜单适用于内部网页罚款...但它似乎是下拉式菜单中的HTML标记(#wsite菜单)丢失在主页上。