Question

是否可以在没有CSS的情况下停止在表数据（TD）中重复背景图像？

例如

<table>
  <tr>
     <td background="http://foobar.com/image.jpg">Some text</td>
  </tr>
</table>

我正在寻找HTML解决方案，因为我正在开发HTML模板，该模板将用于邮件简报。

Answer 1

您可以直接在html代码中将css附加到您的代码：

<td style="background-image:url(smile.gif); background-repeat:repeat;">

我认为使用html无法做到这一点！

Answer 2

简单回答：不。

幸运的是，大多数电子邮件都可以使用内联css样式。因此，我会尝试以下操作，看看它是否能完成你想要的东西。

<td style="background:url(http://foobar.com/image.jpg) no-repeat;">Some text</td>

如果失败（正如我之前所见），你只有其他选择是将图像放在＆lt; img＆gt;中。标记并操纵它，使其落在文本下方。

请参阅此处了解支持的CSS属性：http://www.campaignmonitor.com/css/

希望这有帮助。

Answer 3

为了获得最大的兼容性，您应该同时使用内联CSS和HTML背景属性，因为有些客户端忽略了一个而不是另一个客户端。

<td style="background-image:url('http://www.example.com/smile.gif'); background-repeat:no-repeat;" background="http://www.example.com/smile.gif">Some text</td>

需要注意的一些要点：

您必须使用图像src的绝对URL
背景图像内联样式中URL的引号应该在那里（与普通的CSS推荐相反，但如果不包含单引号，则某些客户端会出现问题。）
不要使用CSS简写，有些客户端会忽略它，尽管它们会解析速记。此外，如果您没有在速记版本中设置背景颜色，有些会将背景颜色设置为＃000000。
背景图片在Outlook 2007中完全不起作用，除非您使用一些相当漂亮的Microsoft专有代码。不幸的是，该代码不允许您停止重复。

阻止它重复的最好方法就是让图像比它需要的大得多，这样它就不需要重复了。

Answer 4

支持背景图片。请看看这个发电机： http://backgrounds.cm

如果您希望图像不重复，只需添加内联样式：

style="background-repeat: no-repeat;"

包含背景图片的标签。

表数据中没有重复图像（td）

4 个答案: