css背景图像导航-不可单击

由于某些原因，鼠标光标不表示可点击。它可能会显示一小部分的指针，但我希望整个部分都可以点击，并且对用户来说是显而易见的

图标显示正确，外观良好，只是不明显可点击

<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;   
}

.李国章{
浮动：左；
宽度：25px；
高度：25px；
利润率：5px15px；
}
.标题图标{
宽度：25px；
高度：25px；
显示：内联块；
背景尺寸：375px；
}
.队长-队员1{
背景位置：-0-93.75px；
}
.队长-组别2{
背景位置：-25px-93.75px；
}

将

设置为显示内联块，将

设置为显示块：

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

这样，链接占用了整个空间，列表项仍然是内联的

---

编辑：也不需要

float:leftli

中执行code>。

我这样做了。当我检查时，它显示的链接占用了整个空间。当我点击它时，它似乎在点击。但是，鼠标看起来不像指针（表明它应该可以单击）。这就像只有一小部分的整体空间触发了光标的变化。奇怪。你知道吗？有没有其他css在改变光标？这是一个有效的实现：有趣的是，我在您的示例中得到了相同的行为。当鼠标进入空间时，它会闪烁到光标，然后返回到典型的指针。我在Chrome上。你是说元素之间的空间吗？红色部分应该都是指针。如果我将鼠标从白色移到红色块中，它将从常规点移动，闪烁到“单击指针”，然后立即返回常规点，整个时间都是红色的。我在Safari上也检查了这个，得到了同样的行为。