懸停效果超出邊界的

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沒有得到半徑以及和看傻了。