在导航栏上的http://www.elitedeafpoker.com/dev/index.html上,当我将鼠标悬停在(类)子菜单区域时,“PLAYERS”下方有一个灰色的小指示器图标,它不会显示白色指示器图标. 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 & EVENTS</a></li>
<li><a href="founders.html">FOUNDERS</a></li>
<li><a href="contactus.html">CONTACT US</a></li>
</ul>
</div>