将html表调整为其背景图像

时间:2014-05-13 21:42:09

标签: html css html-table background-image

我正在尝试使用PHP发送和发送电子邮件。此电子邮件的内容有一个网格,每行有两个图像。所以这个div的宽度为48%,我用CSS。我的问题是我需要将其他图像放在主图像上。但有些邮件程序不支持CSS的位置标记。

我试图创建一个宽度为48%的表格,并将主图像作为背景图像,并在每个td中放置我需要的图像,但如果它不符合我的图像比例并且显示为拉长。

如何根据尺寸调整背景图像?或者还有其他解决方案吗?

这是我的代码:

<table class="tableimage" cellspacing="0" cellpadding="0" border="0" background="image.png"style="background-size: 100% 100%;width:48%">
<tr>
  <td width="50" align="center">1</td>
  <td width="50" align="center">2</td>
  <td width="50" align="center">3</td>
</tr>
<tr>
  <td width="50" align="center">4</td>
  <td width="50" align="center">5</td>
  <td width="50" align="center">6</td>
</tr>
</table>

编辑:

好的,让我解释一下。我正试图通过电子邮件发送带有png徽标的图像。我的第一次尝试是将图像放置在相对位置,将徽标放在绝对位置,但并非所有邮件都支持css位置标记。所以我决定用表来试试。 我创建了一个带有背景图像的表格,并将徽标放在此表格的td中。我的背景图片需要有48%的宽度和自动高度。如何让我的桌子调整到背景图像的大小?

0 个答案:

没有答案