标题菜单CSS问题

-3

我一直在techprosecurity.com上有两个css问题，我一直在很难弄清楚如何修复。当您将鼠标悬停在当前未被选为活动链接的任何链接上时，标题中的NAV菜单的空间很小。我搜索了可能会删除该空格而不损害菜单外观的任何属性，但不幸的是它们不成功。标题菜单CSS问题

例如：

我的第二个问题是，在移动设备上的导航栏子菜单链接最终躲在主滑块形象背后，需要的用户可以滚动菜单才能看到并点击任意子菜单链接。我试图改变许多风格的Z-Index，但无法让它坐在图像上。然而，它正在研究ipad和其他平板电脑，其中链接实际位于图像之上。

上移动例如： '' /Screen%20Shot%202015-06-15%20at%202.01.06%20PM.png上平板

例如： ''/屏幕％20Shot％202015-06-15 ％20at％202.01.22％20 PM.png

如果任何人都可以提供帮助，那就太棒了！

来源

2015-06-15 The Dro

任何代码？没有图片.. –

@AwRak - 他有照片没有代码。 – HelloWorld

@Th Dro - 你可以发布代码吗？看看图片，它看起来不对齐可能是由“向上”箭头引起的，但很难帮助您解决它，而不需要任何代码 – HelloWorld

.menu ul>li>a { 
    color: #fff; 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 18px; 
    padding: 10px 15px; 
    overflow: hidden; 
    border-bottom: 3px solid transparent; <-- REMOVE THIS 
}

删除边框底部

问题二：它的引导问题：

.navbar-collapse.in { 
    overflow-y: auto; <-- CHANGE TO INHERIT 
}

来源

2015-06-15 20:16:15 CodeGodie

他需要“透明”的部分来展示他的蓝色小箭头。 –

谢谢你，这与链接下的空间以及@AdamBuchananSmith在你的评论下面提到的一样。现在我只需要了解为什么z-index有问题。有时，只需要第二双眼睛就可以解决冲突！ –

我想我能够找到为什么当你将鼠标悬停在选定的菜单项上时，它仍然添加边框。它看起来像在CSS中有一个边界被添加到LI，以及a：hover，因此它将两次添加到当前选定的项目，然后再次悬停状态。 –

在未选择的链接的底部添加一个有点微胖，我想padding-bottom: 34px;会为你做，当前空间来自只显示在选定链接上的蓝色小箭头，以补偿未选定链接底部的一些额外填充。

来源

2015-06-15 20:16:42

我注意到即使当我添加这个时，当鼠标离开链接时，我仍然会得到一些跳跃效果。我现在检查：active和：hover状态，看看我能找到什么。 –

如果它跳下来，删除1px的填充，如果其跳跃增加1px。我贴了一个aprox。大小作为你的起点。 –

大小工作得很好，但是当你释放悬停时就是当你看到跳跃时。如果您正在查看链接并将鼠标悬停在其上，它可以正常工作，但是当您将鼠标移开时，就会看到跳转的即时消息。 –

标题菜单CSS问题

回答

相关问题