【问题标题】:div element visibility in outlook mailsOutlook 邮件中的 div 元素可见性
【发布时间】:2025-12-06 14:40:01
【问题描述】:

我正在尝试通过 vb 代码发送 html 电子邮件。为此,我有一个模板,并使用代码替换了正文。在电子邮件的内容中有 3 张图像,但其中一张电子邮件中不会显示一张特定的图像。所以图像被放在div 标签中,使用样式为<div name="divA" style="display: none;"> 显示被关闭。代码运行,邮件发送成功。当在 Outlook 中看到正文中包含这行代码的邮件时,该图像与预期的一样不可见
当我将此邮件(使用 Outlook 的转发功能)转发给我的朋友时出现问题,不可见的图像突然出现!
问题:如何使图像不可见,以便在转发时也保持不可见?

【问题讨论】:

    标签: outlook html-email


    【解决方案1】:

    试试这个代码,它在解决电子邮件客户端支持/不支持的各种事情方面更加安全:

    <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;">
        Your <img> tag
    </div>
    

    这是我过去几年一直用来隐藏preview text 的代码,我在转发电子邮件时没有看到它出现。从来没有用图片试过。

    【讨论】:

    • 泰德,你打败了我。我已经用图像试过了。问题是图像必须具有宽度和高度或 1px 或 0px。之后可以在媒体查询中控制宽度和高度。
    • @Ted Goas 似乎对我没有帮助!我尝试使用 1px 或 0px,但是当使用 Outlook 转发功能转发邮件时,图像会显示出来:(!
    • 如果您需要更多信息,请告诉我。建议的解决方案对我没有帮助。
    • @EetSandhu 恐怕我没有更多要补充的了。从 Outlook 转发是一个令人讨厌的案例。您是否尝试过使用类来隐藏图像? Outlook actually does support the &lt;style&gt; tag.