我有一个表,其中的列具有由 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%;}
EDIT- 最后没有“干净”的修复,我只需要更改reset.css文件,这样table,tr,th,td标签就被排除在background:transparent属性之外
首先恭喜你了解了<colgroup>
标签,更不用说使用它了。它并不是 HTML 开发人员库中最知名的元素。
然而遗憾的是,它不太为人所知的原因之一是它没有得到很好的支持,而且听起来您遇到了一个无法解决的错误。
看看这个页面:http://marc.baffl.co.uk/bugs.php http://marc.baffl.co.uk/bugs.php并搜索单词“colgroup”。您将找到您将遇到的各种错误的描述,以及哪些浏览器完全支持它的表格。不幸的是,IE6 和 IE7 在该表的每一列中都有“否”一词。
如果您计划支持 IE6 和 IE7,您可能会很难实现此功能。
[编辑]
值得注意的是,IE 中缺乏支持尤其具有讽刺意味,因为<colgroup>
最初是 IE4 时代的 IE 特定扩展。
如果你想支持较旧的 IE,我的建议是放弃<colgroup>
并简单地使用你的类<td>
元素来达到同样的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)