表数据中没有重复图像 (td)

发布于 2024-11-03 12:04:44 字数 280 浏览 2 评论 0原文

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

例如,

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

我正在寻找 HTML 解决方案,因为我正在开发将用于邮件通讯的 HTML 模板。

Is it possible to stop repeating background image in a table data (TD) without CSS ?

For example

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

I'm looking for a HTML solution, because I'm developing HTML template which will be used for a mail newsletter.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

卖梦商人 2024-11-10 12:04:44

您可以直接在 html 代码中将 css 添加到标记中:

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

我认为仅使用 html 是无法做到这一点的!

You can append the css to your tag straight in your html code:

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

I think there is no way to do that just using html!

南薇 2024-11-10 12:04:44

简单的答案:不。

幸运的是,大多数电子邮件都可以使用内联 CSS 样式。因此,我会尝试以下操作,看看它是否能满足您的需求。

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

如果失败(正如我之前看到的那样),您唯一的选择是将图像放在 中。标记并操作它,使其位于文本下方。

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

希望这会有所帮助。

Simple answer: No.

Fortunately, most emails you can use inline css styling. As such, I'd try the following and see if it accomplishes what you're looking for.

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

In the event that fails (as I've seen it do so before), you're only other option is place the image in an <img> tag and manipulate it so it falls underneath the text.

See here for supported CSS attributes: http://www.campaignmonitor.com/css/

Hope this helps.

苏别ゝ 2024-11-10 12:04:44

支持背景图像。请检查这个生成器:
http://backgrounds.cm

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

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

到包含背景的标签图像。

background images are supported. Please check out this generator:
http://backgrounds.cm

If you want the image not to repeat just add an inline style:

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

to the tags containing the background image.

乖乖公主 2024-11-10 12:04:44

为了获得最大的兼容性,您应该同时使用内联 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>

需要注意的几点:

  1. 图像 src 必须使用绝对 URL
  2. 背景图像内联样式中 URL 周围的引号应该存在(与正常 CSS 建议相反,但如果单引号不存在,某些客户端会出现问题)不包括在内。)
  3. 不要使用 CSS 速记,同样,有些客户端会忽略它,尽管他们会解析速记。另外,如果您没有在速记版本中设置背景颜色,有些会将背景颜色设置为#000000。
  4. 背景图像在 Outlook 2007 中根本不起作用,除非您使用一些相当漂亮的 Microsoft 专有代码。不幸的是,该代码不允许您停止重复。

阻止重复的最好方法就是使图像比需要的大得多,这样就永远不需要重复。

For maximum compatibility, you should use both inline CSS and the HTML background attribute, as some clients ignore one but not the other.

<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>

Some points to note:

  1. You must use a absolute URL for the image src
  2. The quotes around the the URL in the background-image inline style should be there (the opposite of the normal CSS recommendation, but some clients have issues if the single quotes aren't included.)
  3. Don't use CSS shorthand, again some clients ignore it although they will parse the longhand. Also, some will set a background color of #000000 if you don't set a background-color in the shorthand version.
  4. Background images don't work at all in Outlook 2007, unless you use some rather nifty Microsoft proprietary code. Unfortunately, that code doesn't allow you to stop it repeating.

The best way to stop it repeating is simply to make the image much bigger than it needs to be, so that it never needs to repeat.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文