使用IE7在colgroup上“模拟”边框宽度

时间:2011-06-06 14:43:48

标签: css html-table internet-explorer-7

假设我有这样的事情:

<table class="myTable">
  <colgroup span="2" /><colgroup span="2" />
  <tr><td>........</tr>

等等......

然后在样式表上:

table.myTable colgroup
{
    border-right: solid 5px #ffffff;
}

关键是我需要一些空间来分隔表格中的colgroup。

它在Firefox和IE8中运行良好。我已经到处读过IE7没有为colgroup实现边框,但这里是对你的想象力和创造力的调用,有没有人知道如何在IE7中实现类似的结果,而不是为每个单元格添加一个类或生成空细胞...

以下是Firefox 4中结果的示例:http://imageshack.us/photo/my-images/853/capturezz.png/ 生成的标题可以是任何形式的文件,有些情况非常复杂。这就是colgroup解决方案很有趣的原因,因为计算所需的跨度非常简单。

我们将不胜感激。

2 个答案:

答案 0 :(得分:2)

在IE7中没有太多经验,但这可能有效: 您可以检查是否可以设置背景图像。并将该图像(具有所需的颜色)对齐到单元格的右侧,使其呈现出某种假边框。

在镶边设置中,colgroup上的边框不起作用。设置背景图像确实有效。

格尔茨,

XpertEase

答案 1 :(得分:0)

要在表中使用border属性,必须设置以下规则。如果不是你就不会得到它们

table {
border-collapse:collapse;
}

然后,当你假装

时,你将获得边界工作