Question

我的网站上有几个列表：URL Link

它有斑马剥离的背景。在Chrome中我也得到圆角，看起来不错，但在Firefox中它不起作用。我看了无穷无尽的帮助网站，没有成功。我唯一学到的是当“边界崩溃设置为崩溃”时，圆角不起作用，但我找到了解决方法。然而 - 它仍然无法工作......让我发疯...

这是我目前使用的CSS：

* TABLES CODES
--------------------------------------- */

table.zebra {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate; 



}

.zebra td {
    padding: 10px;
    text-align: left; 


}

.zebra tr td:first-child {
    -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}

.zebra tr td:last-child {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}



.zebra tbody tr:nth-child(even) {
    background: #F0F0F0!important;
    color:#000;

}

Answer 1

尝试更改CSS的这一部分：

.zebra tbody tr:nth-child(even) {
    background: #F0F0F0!important;
    color:#000;

}

到此......

.zebra tbody tr:nth-child(even) td {
    background: #F0F0F0!important;
    color:#000;

}

斑马剥去圆角不能在Firefox中工作

1 个答案: