css 中的 LinkedResource

LinkedResource in a css

我正在尝试发送正文为 HTML 的电子邮件。 我在本网站和其他地方找到了许多示例,这些示例很好地解释了如何将 LinkedResource class 用于类型为 IMG.

的 HTML TAG

在我的例子中,我有以下代码:

<table id="page" style="border: 2px solid #ff0000; ">
    <tr>
        [...]
    </tr>
</table>

和以下样式表:

    #page {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: url(https://www.example.com/img/bg.jpg) no-repeat center center;
        position: fixed;
        z-index: -1;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

这是代码:

MailMessage mail = new MailMessage();
AlternateView plainView = AlternateView.CreateAlternateViewFromString( plainTextMessage, Encoding.UTF8, "text/plain" );
mail.AlternateViews.Add( plainView );
AlternateView htmlView = AlternateView.CreateAlternateViewFromString( htmlTextMessage, Encoding.UTF8, "text/html" );
mail.AlternateViews.Add( htmlView ); 
mail.Body = htmlTextMessage;  
mail.IsBodyHtml = true;
mail.To.Add( new MailAddress( customer.Email, customer.FullName ) );
mail.From = new MailAddress( "noreply@example.com", "My Web site" );

SmtpClient client = new SmtpClient();
client.Send( mail );

如何使用 LinkedResource class 嵌入背景图片?

您发布的代码将显示背景图片,具体取决于正在查看电子邮件的电子邮件客户端。 Outlook 2007-2010 不会,Gmail 或 Yahoo 也不会。 Apple 设备会。

对您的问题的评论建议将内容移动到内联,这将有助于增加客户数量。虽然,为了满足您的问题,我不确定 LinkedResource 是否可以用于此目的,但您可能想尝试使用 Bulletproof Backgrounds:https://backgrounds.cm

这将生成确保它在大多数电子邮件客户端中工作所需的 HTML 代码。