1

カーソルをメイン メニュー (「例: メニュー 2」) に移動すると、下にドロップダウン リストが表示されます。

メニュー例

カーソルをsubmenu1に移動した後、表示されず、選択することもできません

ここに私のサンプルコードがあります:

<style type="text/css">

ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    background: #666;
    padding: 5px;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}

</style>

<div id="menu" align="left">

<ul id="menu">
    <li>
        <a href='<%=request.getContextPath()%>/auth/gs.page'>Menu1</a>
    </li>
    <li><a>Menu2</a>

        <ul class="sub-menu">
            <li>
                <a href='<%=request.getContextPath()%>/auth/view.page'>submenu1</a>
            </li>
        </ul>
    </li>

</div>

それを解決するためのアイデアを教えてください

4

3 に答える 3

2

コードを実行しても問題はありません。「すぐに表示しない」とはどういう意味ですか?

于 2013-09-24T05:51:56.810 に答える
2 
ul#menu li:hover ul.sub-menu

おそらく次のようになります。

ul#menu li:hover ul.sub-menu, ul#menu li ul.sub-menu:hover
于 2013-09-24T05:52:56.137 に答える