2

「携帯ナビメニュー」を作ろうとしています。

このCSS ドロップダウン メニューをフォローしています(CSS ドロップダウン メニューの段落とそのリソースを参照してください)。

「メニュー」ボタンをクリックしてメニューを開くと、サブメニューの音声が「メニュー」ボタンを上書きするため、開いているメニューを閉じることができません。

これが私のCSSコードです：

@media screen and (max-width: 960px) {
    #access .nav-toggle{
        display: inline-block;
        float: left;
        position: relative;
        width:50%;
    }

    #menu-navigazione {
       position: absolute;
       z-index: 10000000;
       display: block;
       width:40% !important;
    }

    #menu-navigazione li {
       display: block;
    }

    #menu-navigazione li a {
       display: block;
    }

そして、これは私のHTML構造です

<a class="nav-toggle" href="#">Menu</a>
<div class="menu-navigazione-container">
 <ul id="menu-navigazione" class="menu" style="display: block;">
  <li><a href="#">Some content HERE</a></li>
  <li><a href="#">Some other content HERE</a></li>
 </ul>
</div>

私はどこで何か間違っていますか？

ありがとう！

4

1 に答える 1

0

このcssを使用します

.menu-navigazione-container {
   position: relative;
}
#menu-navigazione {
   position: absolute;
   z-index: 10000000;
   display: block;
   width:40% !important;
   top:42px;
   left:0px;
}
于 2013-05-31T08:29:33.403 に答える