桌的背景图象

Question

我正在尝试为手机上显示的表格单元格应用背景图像。由于图像尺寸很大，所以我需要对不同的屏幕尺寸（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，因为它们用于表格单元格中的样式信息）

TABLE .td1 {

text-align: left;

width: 80%;
padding-top: 0px;
padding-bottom: 33px;

}

TABLE .td2 {
text-align: left;
line-height: 14px;
width: 9%;
}

然后，看起来，背景img只是在td1处中断并在td2重新调整：

我的问题是如何调整css并让整个TR细胞在td1没有中断的背景图像？

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

Answer 1

您是否必须使用表格（它是HTML电子邮件吗？）或者您可以使用div布局吗？如果你必须使用TABLE，那么尝试改变代码中的CSS，如下所示：

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