html - 悬停在表格分区和表格行之间时，悬停在我的表格上不起作用

Question

我正在尝试制作一个包含多个 tbody 的表格。我希望每个 tbody 的 background-color 在光标悬停在其上时发生变化。目前唯一的问题是 td 和 tr 之间的边界不会将其视为悬停。即使 border = '0'，边框仍然存在。

我制作了一个 jsFiddle 来显示这类问题。 http://jsfiddle.net/MichaelMitchell/Pukqr/2/

Answer 1

也许单元格之间的间隙给你带来了这个问题。将 cellpadding=0 和 cellspacing = 0 添加到你的表中，

<table cellpadding="0" cellspacing="0" >

或 CSS:

table { 
  border-spacing:0;
  border-collapse:collapse;
}

示例中的绿色边框是表格背景和单元格之间的空格的结果，如果您想看到绿色边框，请将此代码而不是背景添加到表格中:

table td{
 border:1px solid green;   

}