如何在2個單元格上顯示文本？

Question

我有一個表格，有一排和兩個單元格。每個單元格都有其自己的背景圖像。 我需要能夠顯示一些相對於整個表格居中的文本，這意味着它將顯示在兩個表格單元上。

這樣的：

或理想：

Answer 1

您可以使用colspan屬性/行跨度，以創建一個跨越多行/多列的單元格。但它也將是一個帶有單個背景圖像的單元。

看看這個例子「http://www.angelfire.com/fl5/html-tutorial/tables/colspan.htm」

編輯：您添加了一個新的例子，清楚地表明，合併單元格不會解決問題：

看看在這個問題的答案 Invert CSS font-color depending on background-color 它包括使用定位ontop的彼此

Answer 2

一個非常原始的解決這個的DIV元件類似的解決方案的代碼是這樣的：

<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>