錶行和colgroup邊界問題

Question

我有一個表（fiddle here），它具有一些JavaScript，在鼠標懸停發生時將hover類應用於適當的colgroup和row。這應該在表格中顯示爲+，即該列被突出顯示，並且行是。

不幸的是，應用了邊框（second fiddle），當您將鼠標懸停在一些單元格（即時貼在Chrome上）後，這會變得有點棘手。任何人都可以看到爲什麼會發生？

我試過評論出border-collpase屬性，但這沒有奏效。

.hover { 
    background: #f0f0f0; 
    background: #f4f4f4; 
} 
colgroup.hover { 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
} 
tr.hover{ 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
} 

Answer 1

評論最後兩個CSS，你在fiddle1

/*colgroup.hover { 
    border-left: 1px solid #ccc; 
    border-right: 1px solid #ccc; 
} 
tr.hover{ 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
}*/