使用nowrap时表背景图像截止

Question

我试图让单元格中的一行文字向下移动到下一行，但是当使用white-space: nowrap;时，之前覆盖100％屏幕的图像背景被截断，如此屏幕截图所示：

之前和之后：

这是背景代码：

div.transbox {
margin: 0px;
width: 100%;
height: 100px;
background-image: url('http://almosthome2016.org/images/header_trans_bg.png');
}

和表格的html：

<div class="transbox"><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr>
<td width="3%" align="left" valign="bottom"></td>
<td align="left" valign="bottom" class="style74"><span class="style8">ALMOST  HOME</span> &nbsp;&nbsp;<span class="style75">THE CAMPAIGN FOR THE NEW IRISH ARTS CENTER</span></td>
<td align="left" valign="bottom" class="style75">&nbsp;</td>
</tr>
</table>
</div>

这是我将不透明背景作为表格背面的方法。如果这是导致nowrap问题的原因，我会接受其他建议。

谢谢！

Answer 1

尝试添加：

background-size:cover;

div.transbox

的CSS