我尝试在this教程之后发送合并的.svg
+ .png
电子邮件。使用gmail应用程序(无法加载.svg
)进行测试时,我会在图像中显示一个带有1px灰色边框的空img。
下面我粘贴那个案例的代码:
<style>
.showy {
height: 70% !important;
width: auto !important;
}
.no-showy {
display: none;
}
</style>
<table width="90%" height="100%" style="max-width:510px;margin:10px auto;">
<tr>
<td>
<img class="showy" width="0" height="0" style="max-height:70px; margin:15px auto;" src='data:image/svg+xml;utf8,<svg ....../></svg>' />
<img class="no-showy" style="max-height:70px; margin:15px 0;" src="http://example.com/mailing/images/header.png" />
</td>
</tr>
</table>