Css &引用；“锚定”；悬停内容上显示的文本

我有两个水平下拉菜单。当我将鼠标悬停在第二个dorpdown菜单的上方时，第一个“li”显示在上方，但问题是第二个下拉锚文本不是向下。请帮助我在悬停内容的上方显示锚文本的实际原因是什么。为了给你提供信息，我已经尝试了“Z索引”和位置属性

注意：这两个是单独的文件，我将在一个php文件中包含在这两个页面中

#主导航包裹
{
高度：40px；
利润上限：11px；
背景：#fff；
盒影：0 2px 5px rgba（0,0,0,2）；
}
#主导航包裹ul
{
列表样式：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
}
#主导航包裹ul a
{
显示：块；
颜色：#333；
文字装饰：无；
字体大小：14px；
线高：40px；
填充：0 70px 0 20px；
字母间距：2米；
字体系列：“HelveticaNeue”，“Helvetica Neue”，Helvetica，Arial，无衬线；
位置：相对位置；
z指数：0；
}
#主导航环绕。箭头：后
{
内容：'\203A'；
字体大小：24px；
颜色：#000；
浮动：对；
右边距：5px；
边缘顶部：-32px；
变换：旋转（90度）；
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
}
#主导航：悬停。箭头：后
{
内容：'\2039'；
}
#主导航包裹ul li
{
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
}
#主导航包裹ul li.current-菜单项
{
背景：ddd；
}
#主导航包裹ul li.current-菜单项img
{
宽度：30px；
高度：30px；
填充物：5px 5px；
}
#主导航包裹ul li：悬停
{
背景：#f6f6f6；
}
#主导航包裹ul
{
显示：无；
位置：绝对位置；
最高：100%；
左：0；
背景：#fff；
填充：0；
}
#主要导航包裹：在
{
内容：'\203A'；
字号：18px；
右边距：10px；
颜色：黑色；
}
#主导航包
{
浮动：无；
宽度：250px；
}
#主导航包裹
{
线高：120%；
填充：10px 15px；
}
#主导航包裹
{
排名：0；
左：100%；
}
#主导航包裹ul li：悬停>ul
{
显示：块；
}

就CSS代码样式而言，这里有一些东西非常糟糕。您使用的特殊性（ID作为选择器、元素选择器等）可能会给您带来不必要的痛苦。此外，您所谓的“悬停时显示锚文本”实际上只是无序列表元素下方的文本，该元素通过您放置在导航中的悬停DOM显示

通过将单个

z-index:10000

添加到

#primary_nav_wrap ul-ul

，我能够将此元素添加到渲染堆栈的顶部，解决您的问题

我建议您也重新编写一些CSS，因为您正在构建一个非常脆弱的结构，随着复杂性的增加，这个结构将继续存在问题

#主导航包裹
{
高度：40px；
利润上限：11px；
背景：#fff；
盒影：0 2px 5px rgba（0,0,0,2）；
}
#主导航包裹ul
{
列表样式：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
}
#主导航包裹ul a
{
显示：块；
颜色：#333；
文字装饰：无；
字体大小：14px；
线高：40px；
填充：0 70px 0 20px；
字母间距：2米；
字体系列：“HelveticaNeue”，“Helvetica Neue”，Helvetica，Arial，无衬线；
位置：相对位置；
z指数：0；
}
#主导航环绕。箭头：后
{
内容：'\203A'；
字体大小：24px；
颜色：#000；
浮动：对；
右边距：5px；
边缘顶部：-32px；
变换：旋转（90度）；
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
}
#主导航：悬停。箭头：后
{
内容：'\2039'；
}
#主导航包裹ul li
{
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
}
#主导航包裹ul li.current-菜单项
{
背景：ddd；
}
#主导航包裹ul li.current-菜单项img
{
宽度：30px；
高度：30px；
填充物：5px 5px；
}
#主导航包裹ul li：悬停
{
背景：#f6f6f6；
}
#主导航包裹ul
{
显示：无；
位置：绝对位置；
最高：100%；
左：0；
背景：#fff；
填充：0；
z指数：10000；
}
#主要导航包裹：在
{
内容：'\203A'；
字号：18px；
右边距：10px；
颜色：黑色；
}
#主导航包
{
浮动：无；
宽度：250px；
}
#主导航包裹
{
线高：120%；
填充：10px 15px；
}
#主导航包裹
{
排名：0；
左：100%；
}
#主导航包裹ul li：悬停>ul
{
显示：块；
}

<