在单元格间移动时，将鼠标悬停在表格行上发射

Question

我注意到Chrome 15和Safari中有关表格​​中jQuery悬停事件的一些奇怪行为。

发生了什么事情是，当我将鼠标从一个单元格移动到下一个单元格（同一行中）时，chrome正在触发off/on事件。随着悬停附加到表格行，我希望开/关事件仅在移动/关闭行时触发。请参阅我的JSFiddle。

在此示例中，将鼠标移动到一个单元格结束，另一个单元格开始（颜色更改）的位置。

这些事件似乎在IE和Firefox中正确启动，但不是Safari和Chrome。也许这是webkit中的错误？

Answer 1

我绝对认为这是一个webkit的问题（因为它是铬和Safari浏览器是有道理的）。

我觉得我身边有一个可能的工作，但也有对影响一些敲：

更改CSS的TD：

td { 
    background-color: #e0dffe; 
    border: none; 
    padding: 10px; 
    position:relative; 
    left:-1px; 
} 

这有推1个像素左侧的每个TD元素的影响删除webkit似乎插入的额外1px。正如你将会看到这会导致你的边界出现问题，所以你需要玩弄你的td：first-child，td：last-child css，以便在所有浏览器中获得你想要的东西。我看不到一个简单的答案。