html - htmlタグはクリック可能ですが、リンク機能はすべての領域で機能しません

Question

<li>タグのリストがあり、それぞれ<li>に<a>子があり、それぞれ<a> に<img>タグとテキストが含まれています。私の問題は、リンク機能が<a>コーナーや近く<img>のテキストなどのタグの全領域では機能せず<a>、クリック可能な全領域のタグで機能することです。

ここにリンクとJSfiddleがあります

Answer 1

削除li:activeすると問題が解決します。ポインターをクリックする前とクリックした後は、この領域の 2 つの異なるタグにあるためです。(<a>前後<img>)

.menu li:active
{
margin-right: 8px;
margin-left: 4px;
margin-top:4px;
}

ここに更新されたフィドルがあります