链接只能在边框上点击？

Question

我有一些带有背景的边框中包含的链接...由于某种原因，链接不能在文本上单击，即光标不会变为链接上的手。它只能在BOTTOM边框上点击....不知道为什么。

当我改变某些CSS（如padding / margin / float）时，有时链接甚至都不可点击。什么可能导致这个？

代码

<div id="teams">
    <ul>
    <li><a href="addyankees.php">Yankees</a></li>
    <li><a href="addphillies.php">Phillies</a></li></ul>
</div>

CSS

#teams {
    position: relative;
    top: -10px;
    left: -25px;
}

#teams a{
    color: #000;
    padding: 10px 0px 10px 0px;
}

#teams li {
    background: #EEE;
    padding: 7px 2px;
    text-align: center;
    width: 75px;
    float: left;
    margin: 15px;
    font-size: 1.2em;
    border: 2px solid #C8C8C8;
    border-radius: 5px;
}

解决

有一个看不见的元素阻挡它。归功于kei。

Answer 1

右键点击链接Inspect element。查看链接是否有任何透明元素。