fixed - 水平导航第二行的 CSS Z-index

Question

我有一个正在玩的水平导航栏；这个想法相当简单，当然不是新的；将鼠标悬停在最上面一行，下面会出现一个适当的子菜单。两个级别均水平显示。

我想要做的是在子菜单上有一个顶部边框，它在父项上方“循环”。到目前为止，我已经在父项的顶部、左侧和右侧添加了一个边框，<a>还为子菜单添加了一个顶部边框<ul>，但是当子菜单位于父项下方时，我无法隐藏子菜单顶部边框。

我尝试调整子菜单的边距以将其向上移动一个像素（边框宽度），然后调整z-index父菜单的边距以尝试将其放置在上方，但没有成功。任何帮助将不胜感激，在这里摆弄。

Answer 1

我已经设法在子菜单上使用否定margin和否定的组合来实现我想要的。z-index

小提琴

Answer 2

您的链接位于基线上。将它们放在底部或顶部垂直对齐上，所以下面的间隙是：

http://jsfiddle.net/XYegy/1/

#menu967>ul>li>a {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display:inline-block;
    vertical-align:bottom;
}