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;

Answer 2

正如我所料,这是由于css中的位置规则:td {position:relative}不知道为什么会这样,但删除它解决了它

我把我永远缩小了,这就是为什么我首先开始这篇文章,以节省我的时间.但现在好了修好:)