如何在2个单元格上显示文本？

Question

我有一个包含1行和2个单元格的表。 每个单元格都有自己的背景图像。 我需要能够显示一些与整个表格相关的文本，这意味着它将显示在两个表格单元格上。

像这样：

理想情况下：

Answer 1

您可以使用Colspan / Rowspan创建跨越多行/多列的单元格。但它也是一个单一的背景图像单元格。

看一下这个例子'http://www.angelfire.com/fl5/html-tutorial/tables/colspan.htm'

编辑：您添加了一个新示例，清楚地表明colspan无法解决问题：

看看这个问题的答案 Invert CSS font-color depending on background-color 它包括使用位于彼此顶部的DIV元素的类似解决方案的代码

Answer 2

对此的一个非常原始的解决方案是这样的：

<table style="position:absolute; left: 100px; top:100px; width:400px; z-index:1; ">
<tr>
<td style="width: 200px; height: 200px; background-image: url('http://www.hdofwallpapers.com/wp-content/uploads/2013/11/Opera-Background.jpg')"></td>
<td style="width: 200px; height: 200px; background-image: url('http://www.hdofwallpapers.com/wp-content/uploads/2013/11/Opera-Background.jpg')"></td>
</tr>
</table>
<div style="color:#ffffff; position: absolute; left: 100px; top: 200px; text-align: center; width:400px; height:200px; vertical-align:middle; z-index:2">
sadf asfasdf asfd d
</div>