colspan TD上的CSS边框问题

前端之家收集整理的这篇文章主要介绍了colspan TD上的CSS边框问题 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

大家好,我对边框有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“背景颜色”相同的颜色.

有什么原因吗?有解决办法吗?

最佳答案
您的td中是否有与colspan相关的内容

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

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

Chrome可以满足您的期望. Firefox可以满足您的描述. IE会留下边框,并且不会扩展背景色.

尝试插入& nbsp;在您的空单元格中.

原文链接:https://www.f2er.com/css/530750.html

猜你在找的CSS相关文章