正确,非常复杂的解决方案(并且仍然不完善),但是:如果您不将链接文本包装在中
<span>,而只是将
<span>用作放置背景图片并将其绝对定位在中的位置
<a>,则
<span>(大多数情况下)停止阻止
:active状态。
的HTML
<a href="#"><span></span>link</a>
CSS
<style type="text/css">a.button { position: relative; padding: 10px; color: #c00;}a.button:active { color: #009; font-weight: bold;}a.button span { position: absolute; top: 50%; left: 3px; margin-top: -2px; border: solid 2px #000;}</style>当然,
<span>覆盖的区域仍会捕获click事件,因此,当用户在此处单击时,他们将看不到
:active状态。与以前的情况相比略有改善。



