Question

如何告诉我的css代码背景图片的来源是LinkedResource？

将其添加为<img src="cid:Photo0" />是有效的，但我无法按照我想要的方式设置它。

我已尝试过此background-image:'cid:Photo0'此background-image:url('cid:Photo0')以及引号和双引号的其他组合，但链接的资源将以这种方式显示为附件，并且带有此css代码的div将为缺少背景图像或有时看起来像这样：

<DIV cid:Photo0?);margin:70px0px;padding:0px0px;background-attachment:fixed;background-repeat:no-repeat;text-align:center;margin:auto;?="">

最初，它是这样写的：

<div style="background-image:'cid:Photo0';margin:70px 0px;padding: 0px 0px;background-attachment:fixed;background-repeat:no-repeat;text-align:center;margin:auto; ">

Answer 1

试试这个：

<div style="background-image: url(cid:Photo0);margin:70px 0px;padding: 0px 0px;background-attachment:fixed;background-repeat:no-repeat;text-align:center;margin:auto;" />

这个答案正在修复CSS，但似乎还有问题，这里有一个相关的主题：Embedding background images in an e-mail

修改

经过小规模的讨论和讨论后，css似乎不支持这种情况，而且大多数查看电子邮件的应用程序都无法正确呈现某些css。

Answer 2

我找到的最佳解决方案是：

style="background:url(data:image/jpg;base64,{CONTENT-BASE64})"

如果图像不是JPEG，请更改'image / jpg'以适合图像格式。
用Base64中的图像文件内容替换{CONTENT-BASE64}。

定义一个css以从Linked Resources获取背景图像

2 个答案: