Colors 用带有悬停颜色的链接填充表格单元格

我试图让整个表格单元格成为一个链接，在悬停时改变背景颜色。 使用Javascript以前很简单，但我无法再使用它了。 现在我也不能让它工作了。 整个表格单元格可以点击，但没有颜色变化。 我做错了什么

<table width=980 height=100 style="margin:10px;">
<tr>
<td align="center" valign="middle" width="20%" height="40" style="vertical-align:middle;border:5px solid #899e7d;">
<a class="ClickCell" href="who.php">About Us</a>
</td>
</tr>
</table>

.ClickCell {
  color:#cf9654;
  cursor:hand;
  display:block;
  font-size:32px;
  height:100%;
  margin: -10em;
  padding: 10em;
  text-decoration:none;
  width:100%;
}

.ClickCell:hover {
  background-repeat: no-repeat;
  background-position: left;
}

.ClickCell:hover a {
  background-color: #FFFF00;
}

---

问题是您正在调用ClickCell对象中的锚定标记。锚定标记是ClickCell对象。相反，向单元格中添加一个类并直接更改单元格，因为其中的锚定标记无论如何都是一个内联元素。例如：

td.HoverCell:hover {
  background-color: red;
}

JSFiddle解决方案：

---

谢谢。我试过了，几乎奏效了。现在整个单元格仍然可以点击，但只有当我将鼠标悬停在链接的实际文本上时，它才会变成黄色。。。这只占细胞的50%。