HTML 电子邮件不下载背景图像

发布于 2024-11-07 21:44:04 字数 395 浏览 5 评论 0原文

我正在创建和发送 HTML 电子邮件。

我正在使用类似的标记

<table style="background: url('http://example.com/App_Sprites/image.gif');>

,但是,当我从电子邮件客户端下载包含此类标记的邮件时,图像不会出现。当我做诸如

<img src="http://example.com/App_Sprites/image.gif" />

图像下载之类的事情时。

我需要将图像作为背景,因为我需要在其上显示一些文本。我可以使用图像标签并以某种方式将文本放置在其上吗?或者使用背景图像实际上应该有效,并且其他可能是错误的?

I am creating and sending HTML e-mails.

I'm using markup like

<table style="background: url('http://example.com/App_Sprites/image.gif');>

However, the images do not appear when I download messages containing this sort of markup from an e-mail client. When I do things like

<img src="http://example.com/App_Sprites/image.gif" />

the images download fine.

I need the image to be a background because I need to show some text over it. Can I use the image tag and position the text over it somehow? Or should using the background image actually be working, and something else may be wrong?

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

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

发布评论

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

评论(3

む无字情书 2024-11-14 21:44:04

Html 电子邮件通常不会下载背景图像。但是您可以使用一个技巧。

<div style="z-index:10;position:relative">your text here</div>
<img src="http://example.com/App_Sprites/image.gif" style="margin-top:-20px" />

玩margin-top数字

Html emails usally don't download background images.But there is a trick you can do.

<div style="z-index:10;position:relative">your text here</div>
<img src="http://example.com/App_Sprites/image.gif" style="margin-top:-20px" />

play with margin-top number

十二 2024-11-14 21:44:04

background 属性适用于某些电子邮件客户端,将其用作参考。这非常有用。

我会避免使用背景图像并坚持使用纯色,原因是因为并非所有电子邮件客户端都具有此功能和查看背景图像的能力。

The background property works on some email clients use this as a reference. This is very useful.

I would avoid using background images and stick to solid colors, the reason why is because not all email clients are going to have this feature and capability to see the background image.

思念绕指尖 2024-11-14 21:44:04

或者直接使用base64 =)
hm div 甚至比 table 更好

or use base64 directly =)
hm divs are even better than tables

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