html - 将表格放在超链接内 - 在 IE 中不起作用

Question

我在超链接中有一个表:

<a href="/"><table><tr><td>...</td></tr></table></a>

在所有浏览器中，将鼠标悬停在表格上会将指针变为一只手，并且通过一些 CSS 表格背景会改变颜色(因此它看起来“突出显示”)。

但是，在 Internet Explorer 中，单击表格没有任何效果。在 Firefox 和 Chrome 中，它会按预期跟随超链接。

如何让 IE 在点击时跟随链接？

Answer 1

您不能在内联元素中嵌套 block 级元素并期望获得正确的结果(在此处插入引用)。

您可以向表格添加一些 CSS 样式并应用 onclick 处理程序，以便它像超链接一样工作:

<table style="fakeLink" onclick="window.location = '/';">...

还有 fakeLink 类:

.fakeLink
{
  color: blue;
  border-color: blue;
  cursor: pointer;
  text-decoration: underline; /* Not sure if this is possible. */
}

和演示这两种技术的演示:http://jsfiddle.net/qNGrp/4/ .我没有 IE，但我认为只有一个可以正常工作。