Question

我希望我的引导程序下拉菜单元素在悬停时具有背景色。我的代码在其他导航栏中工作正常。我不知道问题是什么。这与导航栏位于背景图像上有关吗？我尝试了许多不同的解决方案。没用甚至下拉菜单中的链接也不起作用。

    .bimage {
       background-image: url('71w1.jpg');
       position: relative;
       background-repeat: no-repeat;
       background-size: 100% 100%;
       height: 700px;
           }
     .dropdown:hover .dropdown-menu {
          display: block
           }
    .navbar-nav .dropdown .dropdown-menu{
           padding-top: 0;
           padding-bottom: 0;
           font-size: 30px;
           text-align: justify;
           }
   .navbar-nav .dropdown .dropdown-menu li a:hover{
       color: black;
       font-weight: bold;
       background-color: #F2D14F !important; 
           }

<nav class="navbar navbar-default">
 <div class="navbar-header">
<a class="navbar-brand" href="#"> <img src="Tlogo.png" opacity="1" alt="" height="50px" width="70px" style="margin-top:-15px;"></a>
 </div>
<div class="collapse navbar-collapse" id="bs-nav-collapse">
<div class="nav navbar-nav navbar-right">
<li><a href="b.html"><b style="color: black; font-size: 15px;">HOME</b></a></li> 
<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><b style="color:black;font-size:15px;">ABOUT<span class="caret"></span></b></a>
 <ul class="dropdown-menu">
    <li><a href="about.html"><b style="font-size:15px;">SAE</b></a></li>
    <li><a href="team.html"><b style="font-size:15px;">TEAM</b></a></li>
 </ul>
 </li>
<li><a href="contact.html"><b style="color:black;font-size: 15px;padding-right: 10px;">CONTACT</b></a></li>
    </div>
</div>
</div>
</nav>

Bootstrap下拉菜单元素不起作用

0 个答案: