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

我试图让整个表格单元格成为悬停时更改背景颜色的链接。
它曾经是简单的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; 
}

来源

2014-01-07 Xi Vix

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

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

的jsfiddle溶液的：
http://jsfiddle.net/D2bA3/

来源

2014-01-07 23:41:48 user3171153

感谢。我试过了，它几乎可以工作。现在整个单元仍然是可点击的，但是当我悬停在链接的实际文本上时，它只会变成黄色，这只是单元格的50％。 –

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

回答

相关问题