「模擬」上COLGROUP邊框寬度與IE7

<table class="myTable"> 
    <colgroup span="2" /><colgroup span="2" /> 
    <tr><td>........</tr>

等等......

然後在樣式表：

table.myTable colgroup 
{ 
    border-right: solid 5px #ffffff; 
}

的點是我想要一些空間來分隔我的表中的羣組。

它在Firefox和IE8中工作正常。我已經在任何地方都看過IE7沒有爲colgroup實現邊框，但是這裏是對你的想象力和創造力的調用，是否有人知道我如何在IE7中實現類似的結果，而不需要爲每個單元添加類或生成空的cell ...

下面是Firefox 4中結果的一個例子：http://imageshack.us/photo/my-images/853/capturezz.png/ 生成的頭文件可以是任意形式的LBIT，某些情況確實很複雜。這就是colgroup解決方案很有趣的原因，因爲計算所需跨度相當簡單。

每個建議將不勝感激。

2011-06-06 Johnny5

你的意思是'table.myTable colgroup'，對不對？ – BoltClock 2011-06-06 14:51:31

@BoltClock是的，就是這樣，謝謝。編輯。 – Johnny5 2011-06-06 15:01:36

只是一個想法，但我只是意識到IE7不支持元素的邊界，所以至少該行爲在行和列之間是連貫的。 – Johnny5 2011-06-09 15:38:17

在IE7中沒有太多經驗，但這可能有效：您可以檢查是否可以設置背景圖像。並將該圖像（使用所需的顏色）對齊到單元格的右側，製作一些假邊框。

在chrome中設置colgroup上的邊框不起作用。設置背景圖像確實有效。

格爾茨，

XpertEase

2011-06-06 15:02:19

我在這裏得到了鉻11，並且邊界確實有效。我沒有看到如何設置背景圖像可以幫助我...因爲我想創建列組之間的某種「差距」，設置背景圖像只會填充適當顏色的這種差距，但我仍然必須創建這個差距。或者我誤解了你的答案？ – Johnny5 2011-06-06 17:22:38

但是爲什麼你需要一個邊框呢？相反，您可以使用填充或邊距。 – 2011-06-06 17:38:27

因爲這是一個相當簡單但優雅的方式來獲得我想要的結果... 我添加了一個生成的例子的圖像到我的第一個問題的圖像。 – Johnny5 2011-06-06 18:07:09

爲了使用表格邊框屬性，必須設置以下規則。如果沒有你不會得到他們

table { 
border-collapse:collapse; 
}

然後你會得到邊界工作作爲你假裝

2013-02-26 01:49:04 Fico

Ooops。 2011年6月!!我希望你仍然在編碼！ ja ja我不知道日期。太棒了。最好遲到，而不是完全沒有。 – Fico 2013-02-26 01:58:11

我在發佈到更新版本時回答了此問題。非常相似。有趣的我沒有意識到我在這裏發佈。 – Fico 2013-02-26 02:11:41

「模擬」 上COLGROUP邊框寬度與IE7