css background-image nav - 不可點擊

Question

由於某種原因，鼠標光標並不表示可點擊性。它會顯示指針，可能是它的一小部分，但我希望整個部分對用戶來說是可點擊和明顯的。

圖標正確顯示和好看，只是不很明顯點擊。

<ul class="team-icons"> 
    <li><a href="/link-url/" class="main-sprite header-icon header-team1"><span style="width:25px;height:25px;"></span></a></li> 
      <li><a href="/link-url/" class="main-sprite header-icon header-team2"></a></li> 
</ul> 

.team-icons li { 
float: left; 
width: 25px; 
height: 25px; 
margin:5px 15px; 
} 
.header-icon { 
width: 25px; 
height: 25px; 
display:inline-block; 
background-size:375px; 
} 
.header-team1 { 
background-position: -0 -93.75px; 
} 
.header-team2 { 
background-position: -25px -93.75px; 
} 

Answer 1

設置<li>顯示內嵌區塊及<a>顯示塊：

.team-icons li { 
    width: 25px; 
    height: 25px; 
    margin:5px 15px; 
    display: inline-block; 
} 
.header-icon { 
    width: 25px; 
    height: 25px; 
    display: block; 
} 

這樣的鏈接佔據了整個空間和列表項目仍然是內聯。

編輯：如果你在做內聯塊，你也不需要在li中的float: left;。