css - "Simulate"border-width on colgroup with IE7

Question

假设我有这样的东西:

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

等等……

然后在样式表上:

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

重点是我想要一些空间来分隔表中的列组。

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

这是 Firefox 4 中的结果示例:http://imageshack.us/photo/my-images/853/capturezz.png/生成的 header 可以是任何形式的乱七八糟的，有些情况确实很复杂。这就是为什么 colgroup 解决方案很有趣，因为计算所需跨度非常简单。

我们将不胜感激。

Answer 1

没有太多的 IE7 经验，但这可能有效:您可以检查是否可以设置背景图像。并将该图像(具有所需的颜色)与单元格的右侧对齐，形成某种假边框外观。

在 chrome 中，在 colgroup 上设置边框不起作用。设置背景图片确实有效。

你好，

极易