jquery - 菜单位置问题

Question

我正在设计一个网页。您可以在这里看到:http://www.teknoblogo.com/yeni 。顶部有一个导航菜单(ANASAYFA(主页)、KATEGORіLER(类别)、YAZAR HAKKINDA(关于))。

KATEGORILER 上有一个子菜单。但正如您所看到的，子菜单不是 KATEGORıLER 链接的底部。

你能帮我解决这个问题吗？

Answer 1

尝试添加position:relative致家长<li>元素和left:0到 <ul>您悬停时显示:

style.css/第 234 行:

menu li {
    display: inline;
    margin-right: 5px;
    position: relative; // !
}

style.css/第 252 行:

#top-nav li ul {
    border-top: 1px solid white;
    left: 0; // !
    position: absolute;
    visibility: hidden;
}

更新 1 这是 FF 3.6 中的样子:

更新2

style.css/第 260 行:

#top-nav li ul li {
   display: block;
}

style.css/第 252 行:

#top-nav li ul {
    border-top: 1px solid white;
    left: 0;
    top: 23px; /* You should play around with this value as you need it */
    position: absolute;
    visibility: hidden;
}