html - 在嵌入的 html 邮件中将背景图像放置在边框之外浏览一些 html 电子邮件示例，我注意到都是关于表格的。我希望在主表的其中一行内的图像看起来像一半图像在表外，另一半在表内。我无法得到解决方案来做到这一点。 任何帮助将不胜感激，非常感谢这是我喜欢的。 橙色细线将是表格边框，我让它在我可以使用 div 和大量样式表的网页中工作

Question

浏览一些 html 电子邮件示例，我注意到都是关于表格的。我希望在主表的其中一行内的图像看起来像一半图像在表外，另一半在表内。我无法得到解决方案来做到这一点。

任何帮助将不胜感激，非常感谢这是我喜欢的。

橙色细线将是表格边框，我让它在我可以使用 div 和大量样式表的网页中工作，但在嵌入在电子邮件中的 html 中还没有找到方法。如您所见，图像上方有文字和图像

Answer 1

在这里，我设法创建了一个简单的示例：

 +--------+--------+--------+
 | TEXT GOES HERE  |        |
 |                 | empty  |
 |                 |        |
 |        +--------+--------+
 |        |                 |
 |        | IMAGE GOES HERE |
 |        |                 |
 +--------+-----------------+

你基本上在做的是：

• 创建一个三列的表（实际上只有<td>2s）
• 对于文本：使用<td colspan="2">text</td> <td></td>
• 对于图像：使用<td>maybe text here</td> <td colspan="2"> <img/> </td>

jsFiddle 上的实时示例（已更新，现在包含边框）

Answer 2

恐怕这是做不到的：背景图像只会跨越它所在的元素，没有更多。

您可以使用一个巨大的、不可见的单元格来做一些事情，使您的表格超出可见数据的范围。