表格上的列背景未在 ie6 和 ie7 中显示

Question

我正在处理表格，每列都有一个背景，每个 td 和 th 都有一个位于底部的背景图像（只是虚线）作为某种分隔符。虽然这适用于所有当前的浏览器。 IE6 & IE7 拒绝显示我的专栏背景。

在尝试解决这个问题时，我删除了应用于每个 td 的虚线图像背景，它显示了列背景。所以基本上它要么是一个，要么是两个。有什么想法可以解决这个问题吗？

<colgroup id="col1"></colgroup>
<colgroup id="col2" class="slim"></colgroup>
<colgroup id="col3" class="slim"></colgroup>
<thead>
       <tr>
          <th class="none">&nbsp;</th>
          <th class class="divider">
              <h2>Test</h2>
              <p>Lorem ipsum</[>
          </th>
        </tr>
    </thead>

#col2{
    background: url("images/col2.png") repeat;
}

.divider {
    background: url("images/dotted-line.gif") no-repeat center bottom;
}

我知道 ie6 png 问题，但为什么它至少应该在 ie7 上工作，不应该，也许只是为 ie6 显示白色背景

Answer 1

只是把它扔出去，但你可以在需要背景的 td 和 th 标签上扔一个类。