Question

我有一个简单的例子：2个表格单元格包含一个表格，两个表格单元格都有一个白色背景，而表格有一个黑色背景。桌子的宽度是固定的，左表格单元格的宽度和高度是固定的。

当我在IE，Firefox或Opera中查看代码时，我在屏幕上看不到任何内容。当我在谷歌浏览器中查看时，我看到表格单元格周围有一个微弱的灰色轮廓。

这是一个简单的例子，它是从一个涉及不同单元格背景图像的更复杂的例子中浓缩而来的。

就像在Chrome中的白色单元格和黑色表格之间发生了抗锯齿。如何删除这些轮廓？

#page {
  display: table;
  margin: 0 auto 0 auto;
  padding: 0;
  border: 0;
  width: 600px;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: black;
}

#leftcol {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
  width: 154px;
  height: 342px;
  background-color: white;
}

#content {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: white;
}

<div id="page">
  <div id="leftcol"></div>
  <div id="content" class="content"></div>
</div>

Answer 1

我有了这个，但是意识到我已经用我的CSS样式定义了整个表。我删除了定义

td, th {
      border: 2px solid #ddd;
      padding: 4px;
      text-align: left;
    }

我的灰线消失了。

如何删除仅在Google Chrome中可见的表格单元格周围的微弱边框

1 个答案: