如何使用z-index修复菜单

时间:2015-06-15 12:37:30

标签: css z-index

我正在努力解决问题。 我有两个菜单(http://www.omicronsolucoes.com/mat/),我需要将徽标放在第一个菜单上。为此,我在第一个菜单上添加了一个z-index:1。 但现在第一个菜单上的链接不起作用(因为z-index使它们落后)。 我如何保持徽标不变并使链接再次运行? 感谢。

3 个答案:

答案 0 :(得分:1)

尝试将此添加到您的CSS中,不确定它的来源,但nav#ubermenu-main-13-header-menu将z-index设为-1,因此要么将其添加到您的css文件

nav#ubermenu-main-13-header-menu {
    z-index: 999 !important;
}

或尝试从应用的位置删除z-index -1

答案 1 :(得分:0)

尝试向li添加position relative和更大的z-index。然后移除位置:ul的相对值或用位置覆盖它:static:

.ubermenu-nav{
 position:static;
}

.ubermenu-nav > li{
 position:relative;
 z-index:11;
}

答案 2 :(得分:0)

我已将margin-top:-50px;添加到.logo

nav .logo {
  max-height: 100px !important;
  max-width: 200px !important;
  margin-top: -50px;
}

http://i.stack.imgur.com/ofc34.png