使用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，因此您可以根据需要为每个单独的表格单元着色。