链接仅可点击边框吗？

问题描述

| 我有几个链接包裹在带有背景的边框中...出于某种原因，该链接在文本上不可单击，即，光标不会变为链接上的手。它只能在底部边框上单击。...不确定为什么。 当我更改一些CSS（例如padding / margins / 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。     

解决方法

        右键单击链接，然后单击

Inspect element

。查看链接是否有任何透明元素重叠。