Question

定位子菜单出现在主导航ul元素后面的子菜单上有问题。

我希望带有 子菜单 的div显示在id sticky_menu

的ul列表后面（下方）

有没有人知道我应该使用什么方法？

以下是代码：

<div class='sticky_menu sticky_menu_style1 sticky_menu_980px sticky_menu_top '>
    <ul id="sticky_menu" class="menu">
        <li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43"> 
            <a href="#">Kursevi jezika za odrasle<span>  </span></a>
            <div class="sub-menu clearfix   ">
                <div id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64">
                     <h6>Kategorija 2<span>  </span></h6>
                </div>
                <div id="menu-item-63" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-63">
                     <h6>Kategorija 3<span>  </span></h6>
                </div>
                <div id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54">
                     <h6>Kategorija 4<span>  </span></h6>
                </div>
                <div id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70">
                     <h6>Kategorija 5<span>  </span></h6>
                </div>
            </div>
        </li>
    </ul>
</div>

以下是它落后时的样子截图：http://oi42.tinypic.com/2akk1he.jpg

谢谢！

Answer 1

你可以尝试：

#sticky_menu li a {
    display: block;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
}

在webdizajntest.com/egida/wp-content/plugins/sticky_menu/sprites/css/sticky_menu.css?ver=1.0

确切地说是第90行

Answer 2

检查您的sticky_menu.css第69行并更改“顶部”值

.sticky_menu_top #sticky_menu div.sub-menu {
    display: none;
    left: 0;
    margin: 0 !important;
    position: absolute;
    top: 68px; // this value of 68px is looking good, you can change it as you see it fit
    z-index: 9;
}

希望这是你想要实现的目标。

导航子菜单z-index

2 个答案: