html - 即 : Only part of an anchor is clickable

Question

我想要一个具有特定高度和宽度的 anchor 。

上面没有文字，因为它应该放在页面特定区域的前面。

代码如下:

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

它在除 IE6 和 IE7 之外的所有程序中都运行良好。如果我添加边框，我可以看到 anchor 的大小正确，但如果我尝试单击它，只有顶部可以单击。

我不知道为什么会这样。我尝试添加一个 onclick，即使有一个警报，同样的，点击 anchor 的底部是不可能的。

真的很奇怪，以前有人遇到过这种情况吗？任何事情都会有所帮助。

Answer 1

处理这个问题的另一种方法是一些“hack/workaround”，当 block 元素获得背景颜色时，一切都很好，正如你所看到的那样。利用这样的东西:

a {
  ..
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
  ..
}