通过TD分配的边界在IE中不起作用

Question

我有Table，其中有TD＆＃39}。在其中一个td中，我正在申请边境。它是 在CHROME工作正常，但在 IE中受到干扰。

注意： - 早些时候，当桌子的cellpadding为2时，它看起来很好但是当我增加了cellpadding时，边框被打扰了。

以下是它的样子

这是fiddle

我该怎么做才能让它在IE中运行

Answer 1

你的意思是你希望它看起来像这样吗？

https://jsfiddle.net/Hastig/o1j88quk/3/

如果有，请将table { border-collapse: collapse; }添加到您的CSS中。

可能还必须从cellspacing="10"

的内联样式中删除table

删除中间线

变化

tr.black-border td {
  border-top: 1px solid #0D63B0;
  border-bottom: 1px solid #0D63B0;
}

到

tr.black-border:nth-child(3) td {
  border-top: 1px solid #0D63B0;
}
tr.black-border:nth-child(4) td {
  border-bottom: 1px solid #0D63B0;
}

或者，您可以通过添加类来控制边框样式，如果旧的IE出现问题nth-child(x)