懸停圖片上沒有導航欄工作

Question

在http://www.elitedeafpoker.com/dev/index.html有一點點灰色的指示器圖標下方「運動員」當我將鼠標懸停在（類）子菜單區，它不會顯示白色指示燈圖標。 http://www.elitedeafpoker.com/dev/img/indicator-hover.png是顯示一個圖像兩個圖標（你看不到白色的圖標那裏）的圖像。

CSS

.nav-collapse_ .nav > li.sub-menu:after { 
    position: absolute; 
    top: 100px; 
    left: 50%; 
    display: block; 
    margin-left: -4px; 
    width: 8px; 
    height: 3px; 
    background: url(../img/indicator-hover.png) 0 0; 
    content: ''; 
} 
.nav-collapse_ .nav > li.sub-menu:hover { 
    background: url(../img/indicator-hover.png) 0 -10px; 
    } 

HTML

<div class="nav-collapse nav-collapse_ collapse"> 
    <ul class="nav sf-menu clearfix"> 
     <li class="sub-menu"><a href="poker-players.html">PLAYERS</a> 
      <ul> 
       <li><a href="poker-players.html">EDPS PLAYERS</a></li> 
       <li><a href="poker-players.html#">PLAYERS OF THE MONTH</a></li> 
       <li><a href="poker-players.html#">PLAYERS OF THE YEAR</a></li> 
      </ul> 
    </li> 
     <li><a href="shop.html">SHOP</a></li> 
     <li><a href="news-events.html">NEWS &amp; EVENTS</a></li> 
    <li><a href="founders.html">FOUNDERS</a></li> 
    <li><a href="contactus.html">CONTACT US</a></li> 
    </ul> 
</div> 

Answer 1

我相信你

.nav-collapse_ .nav > li.sub-menu:hover 

應改爲

.nav-collapse_ .nav > li.sub-menu:hover:after 

修復此問題