リンクはクリック可能ですか？

Question

私はいくつかの理由で、背景上の境界線に囲まれたリンクをいくつか持っています。リンク上でクリックできません。つまり、カーソルはリンク上の手には変わりません。 BOTTOMボーダーでのみクリック可能です。理由はわかりません。

パディング/マージン/浮動小数点のようなCSSの一部を変更すると、リンクがクリックできなくなることがあります。おそらくこれを引き起こしている可能性がありますか？

CODE

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

はそれを阻止する目に見えない要素がありました

を解決しました。ケイに信用。

Answer 1

リンクを右クリックし、Inspect elementを右クリックします。リンクにオーバーラップする透明な要素があるかどうかを確認します。