Reset.css 在 IE7/IE6 中覆盖 colgroup 背景

Question

我有一个表格，其中列具有由 colgroup 设置的不同背景。但是，在 IE6/7 中，它完全忽略了 colgroup 背景并采用单元格的 reset.css 背景值（背景：透明）。我怎样才能解决这个问题，而不必去每个单元格并手动输入背景值？

HTML

<table id="services-table" border="0" cellpadding="0" cellspacing="0" width="100%">
<colgroup>      
 <col class="services-oddcolumn" />         
 <col class="services-evencolumn" />     
</colgroup> 
<tbody>   
  <tr>     
    <td>Column #1, Row #1</td>
    <td>Column #2, Row #1</td>
  </tr>

  <tr>
    <td>Column #1, Row #2</td>
    <td>Column #2, Row #2</td>
   </tr>
</tbody>

RESET（位于主 CSS 文件上方）

html,body, table,tr,th,td {background:transparent;} //it's taking this background value for TD and column

CSS

.services-oddcolumn{background-color:#000 !important; width:10%;} 
.services-evencolumn{background-color:#fff !important; width:10%;}

编辑 - 最后没有“干净”的修复，我只需要更改 reset.css 文件，以便将 table、tr、th、td 标签从背景中排除：透明属性

Answer 1

首先，恭喜你知道<colgroup> 标签，更不用说使用它了。它并不是 HTML 开发人员库中最知名的元素。

遗憾的是，它不太为人所知的原因之一是它没有得到很好的支持，而且听起来你遇到了一个你无法解决的错误。

查看此页面：http://marc.baffl.co.uk/bugs.php 并搜索单词“colgroup”。您将找到对您将遇到的各种错误的描述，以及哪些浏览器完全支持它的表格。不幸的是，IE6 和 IE7 在该表的每一列中都有“否”字样。

如果您计划支持 IE6 和 IE7，那么您可能很难实现此功能。

[编辑] 值得注意的是，鉴于 <colgroup> 在 IE4 时代最初是一个特定于 IE 的扩展，因此缺乏对 IE 的支持尤其具有讽刺意味。

如果您想支持较旧的 IE，我的建议是放弃 <colgroup> 并简单地在您的 <td> 元素上使用类来达到相同的效果。