Question

我试图将整个表格单元格设置为在悬停时更改背景颜色的链接以前用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;
}

Answer 1

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

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

解决方案的JSFiddle：
http://jsfiddle.net/D2bA3/

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

1 个答案: