html – IE：只有锚点的一部分是可点击的

我想要一个具有特定高度和宽度的锚点.

它没有文字,因为它的意思是放在页面的某个区域的前面.

这是代码：

<a href="/" style="width:370px;height:80px;display:block;position:absolute;"></a>

除IE6和IE7之外,它的工作正常.如果我添加一个边框,我可以看到锚具有正确的大小,但如果我尝试点击它,只有顶部可以点击.

我不知道为什么这样做.我尝试添加一个onclick即使有警报,同样的事情,不可能点击锚的底部.

这真的很奇怪,以前有人发生过吗？任何事情都会有所帮助.

解决方法

在以前的IE版本中,它无法在块级元素本身注册onclick事件.相反,IE将onclick应用于块内的文本或内联元素.

我发现把一个transparent image放在锚中的大小与完整的锚点相同的大小将注册onclick.

<a href="/" style="width:370px;height:80px;display:block;position:absolute;">
    <img src="Transparent.gif" style="width: 370px; height: 80px"/>
</a>