製作​​與colspan = 2有2列背景，每列另一種顏色

Question

是否有可能使<td colspan="2">元素有2列背景？我的意思是<td>有100％的寬度和背景是紅色的寬度的50％，藍色，其餘50％：

的原因，我需要的，這是因爲我的HTML標記：

<table> 
<tr> 
    <td>One column text</td><td>One column text</td> 
</tr> 
<tr> 
    <td>One column text</td><td>One column text</td> 
</tr> 
<tr> 
    <td colspan="2">This text must flow through the whole table width (through 2 columns width)</td> 
</tr> 
<tr> 
    <td>One column text</td><td>One column text</td> 
</tr> 
</table> 

我認爲我可以使用圖像作爲背景，但我寧願一些乾淨的HTML/CSS的解決方案...

此外，我不能使用漸變的背景，因爲兩種顏色之間的IE着節目直線， 它可以 只從一種顏色到另一種顏色的梯度，這種梯度需要4種顏色

Answer 1

你能用這個作爲基礎嗎？
http://jsfiddle.net/MrLister/ggRHs/4/
我沒有設計桌子的樣式，所以你可以看到更好的結果。但它不使用colspan，所以你可以按照你認爲合適的方式對每個單獨的表格單元格着色。