Question

这是我的JSFiddle，我有一张桌子，在悬停时，它的行应该改变颜色，如下所示：

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

但是，在最后一行，悬停效果将溢出（包装器有一些半径）。我们可以采取措施防止这种情况发生吗？

我尝试使用z-index和/或border-radius，但它没有任何效果！

Answer 1

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

Answer 2

您没有看到结果，因为您的：悬停类位于您的CSS的顶部。它必须低于您的基类，否则级联规则适用于它。向下移动时，可以应用边界半径。

border-radius:10px;

但是，我会专门针对6号队的ID，以便第5队也不会获得半径，看起来很傻。