Html 导航栏单击位于该项下

我相信这是一个简单的解决办法，但我找不到我的错误！ 在我的

导航栏上

，当我要单击任何项目时，一旦悬停，它将不起任何作用，但如果我将鼠标放在项目下方，它将显示悬停，并且可以单击

当鼠标悬停在项目上时，什么也不会发生

当鼠标移到项目下方时，会出现悬停，并且可以单击

我怎样才能纠正它

正文{
身高：100%；
填充顶部：50px；
}
部分{
高度：计算（90%-50px）；
}
.导航条反向。导航条导航李。激活a{
背景色：#6dafad；
/*欧洲基金会*/
颜色：#fff；
/*这是一个很好的例子*/
边界半径：2em；
/*阿迪西奥纳阿雷斯塔斯雷东达斯酒店*/
边缘：0.25微米；
}
.navbar反向。navbar导航>li>a{
/*卡贝萨略酒店*/
颜色：#ffffff；
}
.navbar inverse.navbar nav>li>a:悬停，.navbar inverse.navbar nav>li>a:聚焦{
颜色：#d4e1e3；
/*另一种方法是将所有材料都用在材料上*/
}
.navbar inverse.navbar nav>.active>a，
/*在国际海事组织的通行证上更改活动要素基金会*/
.navbar inverse.navbar nav>.active>a:hover、.navbar inverse.navbar nav>.active>a:focus{
颜色：#d4e1e3；
背景色：#6dafad；
}
.navbar inverse.navbar nav>.open>a，
/*更改基础设施的活动范围，请参阅下拉列表*/
.navbar inverse.navbar nav>.open>a:hover、.navbar inverse.navbar nav>.open>a:focus{
颜色：#d4e1e3；
背景色：#6dafad；
边界半径：2em；
/*阿迪西奥纳阿雷斯塔斯雷东达斯酒店*/
边缘：0.25微米；
}
.粘贴{
填充：0px；
-webkit过渡：填充0.2s线性；
-moz过渡：填充0.2s线性；
-o型过渡：填充0.2s线性；
过渡：填充0.2s线性；
}
.粘贴顶部{
填充顶部：15px；
/*altura entre texto e topo cabeçalho酒店*/
垫底：15px；
/*阿尔图拉中央纺织基地酒店*/
-webkit过渡：填充0.5s线性；
-moz过渡：填充0.5s线性；
-o型过渡：填充0.5s线性；
过渡：填充0.5s线性；
}
.navbar品牌{
填充：0px；
边际：0px；
左侧填充：5px；
/*se não estiver，parte do logo-zona branca-fica comida->esquerda*/
最大高度：50px；
/*大阿尔图拉酒店*/
}

贝贝斯克里安萨斯酒店
切换导航

问题在于navbar品牌。它占用了导航栏上的全部空间。为什么要在navbar品牌上使用fixed top。

这是因为您的徽标。您需要在

logo

的

a

标签中添加

class

。在这里，我添加了

站点徽标

类

<a class="navbar-brand navbar-fixed-top site-logo" href="#">
   <img class="img-responsive logo" width="300" height="300" src="http://via.placeholder.com/100x50" alt="">
</a>

---

工作小提琴

您需要使用classes

navbar brand更改元素的
z索引
或宽度属性。navbar固定顶部

，因为它当前以堆叠顺序设置在导航顶部：

.navbar-brand.navbar-fixed-top {
      ...
      z-index: -1; /*Sets the element be positioned at the back of it's stacking context*/
      ...
}

正文{
身高：100%；
填充顶部：50px；
}
部分{
高度：计算（90%-50px）；
}
.导航条反向。导航条导航李。激活a{
背景色：#6dafad；
/*欧洲基金会*/
颜色：#fff；
/*这是一个很好的例子*/
边界半径：2em；
/*阿迪西奥纳阿雷斯塔斯雷东达斯酒店*/
边缘：0.25微米；
}
.navbar反向。navbar导航>li>a{
/*卡贝萨略酒店*/
颜色：#ffffff；
}
.navbar inverse.navbar nav>li>a:悬停，.navbar inverse.navbar nav>li>a:聚焦{
颜色：#d4e1e3；
/*另一种方法是将所有材料都用在材料上*/
}
.navbar inverse.navbar nav>.active>a，
/*在国际海事组织的通行证上更改活动要素基金会*/
.navbar inverse.navbar nav>.active>a:hover、.navbar inverse.navbar nav>.active>a:focus{
颜色：#d4e1e3；
背景色：#6dafad；
}
.navbar inverse.navbar nav>.open>a，
/*更改基础设施的活动范围，请参阅下拉列表*/
.navbar inverse.navbar nav>.open>a:hover、.navbar inverse.navbar nav>.open>a:focus{
颜色：#d4e1e3；
背景色：#6dafad；
边界半径：2em；
/*阿迪西奥纳阿雷斯塔斯雷东达斯酒店*/
边缘：0.25微米；
}
.粘贴{
填充：0px；
-webkit过渡：填充0.2s线性；
.navbar-brand.navbar-fixed-top {
      ...
      z-index: -1; /*Sets the element be positioned at the back of it's stacking context*/
      ...
}