CSS角半径在Firefox Mac上无法正确呈现

Question

我有一张带有这个CSS的表

.tabelaTripla {
    border: 0px;
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
    font-size: 0.7em;
    line-height: 1.3em;
}

.tabelaTripla tr {
    padding: 40px;
    margin: 40px;
}

.tabelaTripla th, td{
    border: 0px;
    width: 33%;
}

.tabelaTripla td{
    border: 0px;
    width: 33%;
    text-align: center;
    vertical-align:middle;
    word-wrap:  break-word;
    padding: 40px;
    border: 1px solid #AAAAAA;
    border-radius: 20px;
}

这适用于所有浏览器，但我在Firefox for Mac上看到了这一点。

Firefox没有对列的颜色进行舍入。

我的HTML代码很简单：

<table class="tabelaTripla">
  <tr>
      <td>AAA</td>
      <td>BBB</td>
      <td>CCC</td>
  </tr>
</table>

只是一个包含3列的表

Answer 1

仍然不确定你哪里出错了，因为你还没有为颜色提供CSS，但你可以将.tabelaTripla设置为background-color: yellow;，然后设置.tabelaTripla td到background-color: white;。 （显然你可以把这些颜色改成你想要的任何颜色）

＆＃13;

＆＃13;

.tabelaTripla {
  border: 0px;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px;
  font-size: 0.7em;
  line-height: 1.3em;
  background-color: yellow;
}
.tabelaTripla tr {
  padding: 40px;
  margin: 40px;
}
.tabelaTripla th, td {
  border: 0px;
  width: 33%;
}
.tabelaTripla td {
  border: 0px;
  width: 33%;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
  padding: 40px;
  border: 1px solid #AAAAAA;
  border-radius: 20px;
  background-color: white;
}

＆＃13;

<table class="tabelaTripla">
  <tr>
    <td>AAA</td>
    <td>BBB</td>
    <td>CCC</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

上面的代码片段会产生这种效果：

编辑：顺便说一下，我也在Mac OSX上使用FireFox，所以这对你也有用。