雷鸟 CSS 问题答案

【问题标题】：Thunderbird CSS Issue雷鸟 CSS 问题
【发布时间】：2014-11-24 03:55:56
【问题描述】：

我正在尝试从 Thunderbird（最新版本）发送一封 HTML 电子邮件，但我遇到了一个问题，即在尝试添加背景图像时，url() 被替换为看起来像超链接开头的内容...

一个例子是：

#logo {
height: 427px;
width: 640px;
background: url("myimage.jpg");
}
...
<div id="logo"></div>

当查看实际发送的输出时，我得到：

background: url(<a class="moz-txt-link-rfc2396E" href="myimage.jpg">"myimage.jpg"</a>);

我怎样才能做我想做的事？（我不能在邮件中使用图片标签）

蒂亚！！

编辑： 似乎添加 BASE 解决了我的问题，例如：

<base href="http://www.myurl.com" />
...
background: url("./myimage.jpg")

【问题讨论】：

【解决方案1】：

该方法不适用于所有主要的电子邮件客户端。有 2 种方法可以在广泛支持的 html 电子邮件中添加背景（主要是由于 Outlook 的限制）：

VML（添加到元素）： http://backgrounds.cm/

以前的正文标记方法（仅适用于整个电子邮件正文）： How make background image on newsletter in outlook?

【讨论】：