colspan TD上的CSS边界问题

Question

嘿伙计们我有关于边框的CSS问题，问题是在一个带有colspan的td周围添加边框。 该表具有属性：

<table cellspacing=0 cellpadding=0 border=0>

CSS样式：

.tdclass{
    background-color:#FDBCC1;
}

.tdclass td{
    border-top: 3px solid white;
}

它的工作方式是这样的：

<tr class = "tdclass">
<td> ...
<td colspan="2"> ...
<td> ...
</tr>

这个CSS的作用是突出显示某些行并添加一条行动的白线 作为假行距。仅向<tr>元素添加边框不起作用 适用于<td>。

现在这对所有细胞都有效，除了带有“colspan”的细胞。 问题是它产生边界但不是白色，它是相同的 颜色作为“.tdclass”中定义的单元格背景。看来这个问题 只发生在“colspan”<td>元素上。 因此，效果看起来好像细胞从行向上移动了：

喜欢这个：

____-----____

那个小凹凸是<td>带有“colspan”的地方。它看起来像凹凸因为 所有其他单元格生成白色边框，同时生成一个边框 与.tdclass“背景颜色”相同的颜色。

有什么理由？有没有解决这个问题？

Answer 1

你的td中有没有任何关于colspan的内容？

IE，Firefox和Chrome以三种不同的方式呈现以下内容：

<tr class = "tdclass">
 <td> blah</td>
 <td colspan="2"> </td>
 <td> blah</td>
</tr>

Chrome可以满足您的期望。 Firefox做你所描述的。 IE离开边框并且不延长背景颜色。

尝试在空单元格中插入 。

Answer 2

直接向<td>边框提供边框，例如css("border-top", "#808080 1px dotted")