表格行的边框半径不起作用-替代吗？

Question

如果您在以下网站上查找我的网站： http : //mcderp.x10.mx/members.php ，则将鼠标悬停在最下面一行时，您会看到该行没有圆角，我尝试应用“溢出：隐藏”到具有圆角的表类，但这是行不通的！ :(

Answer 1

您必须设置单个单元格的样式。 在Firefox和Chrome上的工作示例： http : //jsfiddle.net/AyKE7/

的CSS

table {
    border-collapse: collapse;
}
th,
td {
    padding: 4px 7px;
}
/* hover */
tr:hover th,
tr:hover td {
    background-color: lightblue;
}
/* hover, left cell */
tr:hover th {
    border-radius: 5px 0 0 5px;
}
/* hover, last cell on he right */
tr:hover td:last-child {
    border-radius: 0 5px 5px 0;
}

Answer 2

查看检查器，您仅声明了一个版本，需要添加供应商前缀。 它在铬中工作正常

.myClass
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

Answer 3

请尝试该示例-这将有助于解决CSS问题。 该CSS可在Firefox，Safari / Chrome，Opera甚至IE9浏览器中使用。

.bottomRow {
    -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px;
    -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px;
}