gpt4 book ai didi

html - Reset.css 覆盖了 IE7/IE6 中的 colgroup 背景

转载 作者:可可西里 更新时间:2023-11-01 12:53:31 25 4
gpt4 key购买 nike

我有一个表格,其中的列具有由列组设置的不同背景。但是,在 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 文件,以便从 background:transparent 属性中排除 table、tr、th、td 标签

最佳答案

首先,恭喜您了解 <colgroup>标签,更不用说使用它了。它并不是 HTML 开发人员库中最著名的元素。

遗憾的是,它不是很出名的原因之一是它没有得到很好的支持,而且听起来你遇到了一个你无法解决的错误。

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

如果您计划支持 IE6 和 IE7,您可能很难让它工作。

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

如果你想支持旧的IE,我的建议是放弃<colgroup>并简单地在你的 <td> 上使用类实现相同效果的元素。

关于html - Reset.css 覆盖了 IE7/IE6 中的 colgroup 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4594916/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com