0

该网站是：http ://webdizajntest.com/egida/

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

我希望带有类子菜单的 div 出现在（下方）ul 列表后面，id为sticky_menu

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

这是代码：

<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

谢谢！

4

2 回答 2

0

你能试一下吗 ：

#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 行

于 2013-08-23T09:42:45.027 回答
0

检查您的 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;
}

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

于 2013-08-23T09:44:31.967 回答