当在表分区和表行之间悬停时，悬停不会在我的表上起作用

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;   

}