html - 表格的背景图片

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 cell在td1时有背景图片不间断？

下面是 fiddle 代码，我不知道如何上传图片到那里。 这只是我的 HTML 代码的结构:HTML CODE

Answer 1

您必须使用表格(它是 HTML 电子邮件吗？)还是可以只使用 div 布局？如果您必须使用 TABLE，请尝试将代码中的 CSS 更改为如下所示:

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