电子邮件客户端是出于安全目的的一些属性,位置就是其中之一。因此,当您看到 HTML 文件时,它会在本地正常工作,而不是当您在签名中上传它时。如果您在电子邮件中检查该内容,您可以看到该属性已从那里完全删除。
我尝试过的解决方案之一是使用背景图像,但我发现了另一个问题,即在转发电子邮件时,如果您从电子邮件中删除任何现有内容,您会发现 HTML 中缺少背景图像。
如果有人知道我的问题的解决方案,请尽快回复。
下面分享我的两种方法:
方法1:
<div style="position:relative;width:522px;font-family:Arial;border:1px solid #e0e0e0"><img src="https://website.com/wp-content/uploads/2024/12/my_image.jpeg.png" alt="Background" style="position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1">
方法2:
<table cellpadding="0" cellspacing="0" border="0" style="width:522px;font-family:Arial;background-image :url('https://website.com/wp-content/uploads/2024/12/my_image.jpeg.png');background-size:cover;background-position:center;border:1px solid #e0e0e0">
亲爱的,您的第二种方法很好,但您需要在代码中进行一些更新,因为电子邮件客户端使用表结构而不是简单的 div,要遵循的步骤是:
使用图像作为base64(您可以使用任何在线转换器png到base64)
在 '' 上使用背景图像,而不是在 '' 标签上。
由于电子邮件客户端不支持背景大小和位置属性,请使用精确的图像大小作为 base64。