CSS 背景颜色与 IE 中表格单元格的边框重叠

Question

我有一个包含两个简单表格单元格的表格:

<table>
  <tr>
    <td>Test1</td>
  </tr>
  <tr>
    <td>Test2</td>
  </tr>
</table>

然后我将以下 CSS 添加到表格单元格中:

td {
  border: 1px solid #000;
  background-color: #CCC;
}

出于某种原因，当我在 IE 中查看它时，它在边框顶部显示背景，如果我在 DOM 资源管理器中取消选中背景，我可以看到边框就在那里。

我想这与父元素有关，但父元素太多，我无法将所有代码粘贴到此处。

有人知道这可能是什么吗？

Answer 1

如果你不想改变定位，试试

background-clip: padding-box;