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

Question

我正在尝试制作一个包含多个tbodys 的表格。当光标悬停在其上时，我希望background-color每个更改。目前唯一的问题是s 和stbody之间的边界不会将其视为悬停。即使 . 时边界仍然存在。tdtrborder = '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;   

}