表格的背景图像

我想为在手机上显示的表格单元格应用背景图像。由于图像尺寸较大，因此我需要使其对不同屏幕尺寸（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没有休息的背景图像？

enter image description here

下面

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

来源

2014-01-13 JavaScripter

您是否必须使用Tables（是否为HTML电子邮件？）或者您是否只使用div布局？如果您必须使用TABLE然后尝试更改代码中的CSS看起来像这样：

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

来源

2014-01-13 01:27:15 Phlume

嗨Phlume，我很兴奋。这个对我有用。 – JavaScripter

优秀。乐意效劳。答案如果你想:-) – Phlume

嗨Phlume，我可以控制与背景图像？我发现它只能有400px的最小宽度...也许我应该重新调整原始图像的大小到适当的比例？（原始尺寸1029x223）。我拖动浏览器，并停止响应约400px宽的浏览器宽度。 – JavaScripter

表格的背景图像

回答

相关问题