2016-11-17 153 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菜單)丟失在主頁上。