Html 表的背景图像

我正在尝试为手机上显示的桌面单元格应用背景图像。由于图像尺寸较大，因此我需要使其对不同的屏幕尺寸（iphone、android等）做出响应。所以我使用了CSS，如下所示：

TABLE TR{

background-image: url("../images/bg.png");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 85px;

}

该表有两个td：（我无法更改这两个td，因为它们用于表格单元格中的样式信息）

然后，看起来，背景img在td1处中断，在td2处重新重复：

我的问题是如何调整css，使整个TR单元在td1处不间断地具有背景图像

下面是小提琴的代码，我不知道如何上传图像到那里。 这就是我的HTML代码的结构：

您必须使用表（它是

HTML

电子邮件吗？）还是只能使用div布局？如果必须使用

表

，请尝试更改代码中的CSS，使其如下所示：

tr {display: block;}
td {display: inline-block; background: transparent;}

---

杰出的很乐意帮忙。如果你想的话，请回答：-）嗨，Phlume，我可以控制背景图像的颜色吗？我发现它的最小宽度只能是400px……也许我应该将原始图像的大小调整到合适的比例？（原尺寸1029x223）。我拖动了我的浏览器，它停止响应浏览器宽度约为400px的宽度。作为最佳实践，我总是尝试根据需要调整图像大小，是的。

tr {display: block;}
td {display: inline-block; background: transparent;}