Css &引用;模拟;带有IE7的colgroup上的边框宽度
假设我有这样的东西:Css &引用;模拟;带有IE7的colgroup上的边框宽度,css,html-table,internet-explorer-7,Css,Html Table,Internet Explorer 7,假设我有这样的东西: <table class="myTable"> <colgroup span="2" /><colgroup span="2" /> <tr><td>........</tr> 关键是我需要一些空间来分隔表中的列组 它在Firefox和IE8中运行良好。我已经到处读到IE7并没有为colgroup实现borders,但这里是对你们想象力和创造力的呼唤,有人知道我如何在IE7中实现类似的结果,而
<table class="myTable">
<colgroup span="2" /><colgroup span="2" />
<tr><td>........</tr>
关键是我需要一些空间来分隔表中的列组
它在Firefox和IE8中运行良好。我已经到处读到IE7并没有为colgroup实现borders,但这里是对你们想象力和创造力的呼唤,有人知道我如何在IE7中实现类似的结果,而不向每个单元格添加一个类或生成空单元格
以下是Firefox4中的结果示例:
生成的头可以是任意形式,有些情况非常复杂。这就是colgroup解决方案之所以有趣的原因,因为计算所需的跨度非常简单
每一条建议都将受到欢迎。我在IE7方面没有太多经验,但这可能会奏效: 您可以检查是否可以设置背景图像。然后将该图像(与所需颜色)对齐到单元格的右侧,使其看起来像假边框 在chrome中,在列组上设置边框不起作用。设置背景图像确实有效 格里茨
XpertEase要在表中使用border属性,必须设置以下规则。如果没有,你就得不到
table {
border-collapse:collapse;
}
然后你会让borders在你假装时工作你是说
table.myTable colgroup
,对吗?@BoltClock是的,就是这样,谢谢。编辑。只是一个想法,但我刚刚意识到IE7也不支持元素的边框,所以至少行和列之间的行为是一致的。我在这里得到了chrome 11,边框确实有效。我看不出设置背景图像对我有什么帮助。。。因为我想在列组之间创建某种“间隙”,所以设置背景图像只会用适当的颜色填充这种间隙,但我仍然必须创建这个间隙。或者我误解了你的答案?那你为什么需要边界呢?相反,你可以使用填充或空白。因为这是一个非常简单但优雅的方式来获得我想要的结果。。。我在最初的问题中添加了一个生成内容的示例图像。但是不可能…一个与表格背景颜色相同的背景图像就可以了。通过将图像与单元格右侧对齐,仅垂直重复,并在单元格右侧设置5px的填充,防止单元格中的文本与背景图像重叠。没错,IE7不可能做到这一点。。。但据我所知,你的解决方案将导致在列组右边缘的所有tds中添加一个特定的类,而这正是我不想在算法中添加的…oops。2011年6月!!。我希望你还在编码!!!我不知道日期。好极了迟到总比不迟到好。我在发布到更新版时回答了这个问题。非常相似。有趣的是,我没有意识到我把它贴在这里。
table {
border-collapse:collapse;
}