我在主菜单栏上放置了一个文本(页面内容的一部分)(它没有嵌套在菜单栏中,只是通过边距值进行调整,看起来就是这样)。
发生这种情况时,当我将鼠标悬停在屏幕正上方的另一个 - 辅助菜单上时,文本也会显示在其下拉菜单上。please see a screenshot pic where I highlighted a problem by red
我实际上要做的是为主菜单(在文本下方)和辅助菜单(在文本上方的下拉菜单)分配不同的z索引。到目前为止,遗憾的是没有任何努力有所帮助不管怎样,因为两个菜单都嵌套在头文件中,因此继承了它的z-index值,我不能让它们有不同的z-index?或者我可能没有为我正在调整的项目找到正确的选择器?
如果有人可以提出建议,我将非常感激!
使用问题链接到网站:https://petshophaus.com/
答案 0 :(得分:0)
将<p>
移至menu-primary作为最后一个子节点。 <p>
的CSS:
margin-top: 2%;
color: #442929;
float: right;