2015-07-02 28 views
0

我希望在視頻上有背景色,即使在mouseleave上也是如此。嘗試幾乎所有,但我無法弄清楚。我是bootstrap新手,任何幫助將不勝感激。如何在li上凍結背景 - Bootstrap

這裏是我的html & CSS: enter image description here

<nav role="navigation" class="navbar navbar-default"> 
 
    <!-- Brand and toggle get grouped for better mobile display --> 
 
    <div class="navbar-header"> 
 
     <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> 
 
      <span class="sr-only">Toggle navigation</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 
     <a href="#" class="navbar-brand">SikFrik</a> 
 
    </div> 
 
    <!-- Collection of nav links, forms, and other content for toggling --> 
 
    <div id="navbarCollapse" class="collapse navbar-collapse"> 
 
     <ul class="nav navbar-nav"> 
 
      <li><a href="#">Home</a> 
 
      </li> 
 
      <li class="dropdown"> 
 
       <a data-toggle="dropdown" class="dropdown-toggle" href="#">Videos <b class="caret"></b></a> 
 
       <ul role="menu" class="dropdown-menu"> 
 
        <li><a href="#">Marchandise</a> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li><a href="#">Entainment</a> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li><a href="#">Multiplayer</a> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li><a href="#">Comics</a> 
 
        </li> 
 
        <li class="divider"></li> 
 
        <li><a href="#">9GAG</a> 
 
        </li> 
 
        <li class="divider"></li> 
 
       </ul> 
 
      </li> 
 
      <li><a href="#">Category</a> 
 
      </li> 
 
      <li><a href="#">Entertainment</a> 
 
      </li> 
 
     </ul> 
 
     <form role="search" class="navbar-form navbar-left"> 
 
      <div class="form-group"> 
 
       <input type="text" placeholder="Search" class="form-control"> 
 
      </div> 
 
     </form> 
 

 
    </div> 
 
</nav>

CSS:https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css JS:https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

回答

1
li.dropdown:hover > a.dropdown-toggle{ 
background:#333; 
} 
+0

它的工作。謝謝@gopalraju – Saji