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

假设我有这样的事情：

<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解决方案很有趣的原因，因为计算所需的跨度非常简单。

每个建议将不胜感激。

最佳答案

没有太多的IE7经验，但这可能有用：
您可以检查是否可以设置背景图像。并将该图像（具有所需的颜色）与单元格的右侧对齐，使外观看起来像是假的。

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

格蕾兹

XpertEase

关于css - 使用IE7在colgroup上“模拟”边框宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6253745/