悬停效果超出边界的

Question

这里是我的JSFiddle，在那里我有一个表，其中上悬停，其行应该改变颜色，就像这样：

.hover-row:hover { 
    background-color: #FFEFC6; 
} 

但是，最后一行，悬停效果会溢出（包装有一定的半径）。我们可以做些什么来防止这种情况？

我试过z-index和/或border-radius，但它不会有任何效果！

Answer 1

您可以在.wrap上设置overflow: hidden;。

Jsfiddle

Answer 2

你没有看到结果，因为你的悬停类是在你的CSS的顶部。它需要低于你的基类，否则级联规则适用于它。当您将其向下移动时，您可以对其应用边框半径。

border-radius:10px; 

http://jsfiddle.net/q2w4jjyt/23/

不过，我想特别针对与ID团队6行，以便团队5没有得到半径以及和看傻了。